ember js提交后获取表格选择

男性

试图搜索一些带有表单选择列表的示例,但似乎它们总是通过使用onchange函数http://balinterdi.com/2015/08/29/how-to-do-a-select-dropdown-in-ember-20来获取价值.html

但是在我的项目中,我想要这样的东西:

<form {{action "createBook" on="submit"}}>
  <p>{{input type='text' id='title' value=title}}</p>
  <p> <select name="lang" id="lang">
        <option value="">--Choose--</option>
        {{#each model.language as |lang|}}
          <option value="{{lang.url}}">{{lang.title}}</option>
        {{/each}}
      </select>
  </p>
</form>

在我的控制器中,我有:

actions:{
  createBook() {
    var title = this.get('title');  //This line works fine
    var lang = this.get('lang'); //This value from select isnt working at all
    //do stuffs ..
   },
}

我该怎么做才能从createBook()操作中的select中获取值?

马努·本杰明(Manu Benjamin)

您可以在select onchange中传递选项值,并在操作处理程序中传递值,

<select onchange={{action "selectOption" value="target.value"}}>
    <option value="">--Choose--</option>
    {{#each model.language as |lang|}}
    <option value="{{lang.url}}">{{lang.title}}</option>
    {{/each}}
{{/each}}

动作,

actions: {
    selectOption: function(option) { 
        this.set("lang", option);
    }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章