首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >获取mdl-textfield的值。

获取mdl-textfield的值。
EN

Stack Overflow用户
提问于 2015-12-03 22:48:35
回答 1查看 1.8K关注 0票数 2

我有以下mdl-textfield:

代码语言:javascript
运行
复制
       <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>

若要设置我使用的字段的值,请执行以下操作:

代码语言:javascript
运行
复制
 $("#step_condition").get(0).MaterialTextfield.change('100');

我的问题是:

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

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

EN

回答 1

Stack Overflow用户

发布于 2015-12-06 20:12:27

您应该向文本区域本身添加一个id,例如:

代码语言:javascript
运行
复制
<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

若要设置字段的值,请执行以下操作

代码语言:javascript
运行
复制
$("#step_json").val("100");

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

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34077730

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档