Material design lite 获取mdl文本字段的值

Material design lite 获取mdl文本字段的值,material-design-lite,Material Design Lite,我有以下mdl文本字段: <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_

我有以下mdl文本字段:

       <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>
我的问题是:

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

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

您应该向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>

但是,您必须处理标签不会自动删除的事实。这篇文章应该有帮助:

你应该在文本区域本身添加一个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>

但是,您必须处理标签不会自动删除的事实。这篇文章应该会有帮助:

是的,我理解向项目添加id,但对我来说,通过api设置值并直接从项目获取它似乎很奇怪。我使用$(“#step_condition”).get(0.MaterialTextfield.change('100');因为标签。现在我需要一个项目的2个id。没有加起来,因此问题就来了。@JasperDuizendstra我同意你的看法,使用var myValue=$(“#step_json”).val();与值的更改方式不太一致。是的,我理解向项添加id,但对我来说,通过api设置值并直接从项获取它似乎很奇怪。我使用$(“#step_condition”).get(0.MaterialTextfield.change('100');因为标签。现在我需要一个项目的2个id。没有加起来,因此问题就来了。@JasperDuizendstra我同意你的看法,使用var myValue=$(“#step_json”).val();与值的更改方式不太一致。
$("#step_json").val("100");