Question

我有以下mdl-textfield：

       <div class="mdl-textfield mdl-js-textfield" id="step_condition">
            <textarea class="mdl-textfield__input" type="text" rows="25"> </textarea>
            <label class="mdl-textfield__label" for="step_json">Step condition</label>
        </div>

设置我使用的字段的值：

 $("#step_condition").get(0).MaterialTextfield.change('100');

我的问题是：

这是设置字段值的正确方法吗？
是否有类似的方法来获取字段的值？

我知道我可以直接从textarea获取值，但不知何故，似乎使用API更有意义。

Answer 1

您应该在textarea中添加一个id，例如：

<div class="mdl-textfield mdl-js-textfield" >
   <textarea class="mdl-textfield__input" type="text" rows="25" id="step_json"></textarea>
   <label class="mdl-textfield__label" for="step_json">Step condition</label>
</div>

查看官方规范中的示例，div级别没有id。 http://www.getmdl.io/components/index.html#textfields-section

设置您可以执行的字段的值

$("#step_json").val("100");

但是，您必须处理标签未自动删除的事实。这篇文章应该有所帮助：https://github.com/google/material-design-lite/issues/903

获取mdl-textfield的值

1 个答案: