试图搜索一些带有表单选择列表的示例,但似乎它们总是通过使用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中获取值?
您可以在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] 删除。
我来说两句