MDC-Web: mdc-文本-字段-用预填充值概述
MDC-Web: mdc-文本-字段-用预填充值概述
提问于 2018-02-16 19:26:29
我正在预填几个文本字段，边框是不可见的.
例如，我使用下面的JavaScript预先填充字段，但只有单击/取消单击字段才会呈现大纲。我试过了
var doc = document;
doc.getElementById("other-number-tf-ex-input").parentElement.classList.add("mdc-text-field--upgraded");
doc.getElementById("other-number-tf-ex-input").nextElementSibling.classList.add("mdc-text-field__label--float-above");
doc.getElementById("other-number-tf-ex-input").value = values[1].otherPhoneExtensionCode;
window.mdc.autoInit();HTML是：
<div class="account-telephone-outlined-wrapper">
<div class="mdc-text-field mdc-text-field--outlined mdc-text-field--dense tel-medium" data-mdc-auto-init="MDCTextField">
<input required pattern="^[0-9]*$" type="text" id="cellular-number-tf-cc-input" class="mdc-text-field__input" aria-controls="cellular-number-tf-cc-message">
<label for="cellular-number-tf-cc-input" class="mdc-text-field__label">1</label>
<div class="mdc-text-field__outline">
<svg>
<path class="mdc-text-field__outline-path" d=""/>
</svg>
</div>
<div class="mdc-text-field__idle-outline"></div>
</div>
<p class="mdc-text-field-helper-text mdc-text-field-helper-text--validation-msg" id="cellular-number-tf-cc-message">
00000
</p>
</div>回答 2
Stack Overflow用户
回答已采纳
发布于 2018-03-29 15:14:52
您应该显式实例化一个MDCTextField对象，然后设置值：
var doc = document;
var field = new mdc.textField.MDCTextField(doc.getElementById("other-number-tf-ex-input-container"));
field.value = values[1].otherPhoneExtensionCode;这只会对我起作用并触发浮动标签。
注意其他数字-tf-前输入容器id:它必须指向容器mdc-文本字段div。
Stack Overflow用户
发布于 2019-08-12 16:03:55
我只设置正常禁用的textfield配置(禁用类和输入的禁用属性)，但通过编程设置值，如：
myMDCtextfield.value = "myvalue";触发浮动标签:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/48833574
复制相关文章
相似问题
腾讯云开发者
