gpt4 book ai didi

javascript - 使用 emberjs 获取多个下拉值

转载 作者:行者123 更新时间:2023-12-02 17:13:56 25 4
gpt4 key购买 nike

我无法使用 emberjs 从下拉框中检索值。实际上,如果我使用单选框,我可以检索该值,但如果我选择第二个下拉列表,那么第一个下拉框就会刷新。因此,在我的代码中,我使用 3 个下拉框,如果我选择第二个或第三个下拉菜单,则之前的下拉菜单将被刷新。这是我的 html 代码:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Registration</title>


</head>
<body>

<!-- ... Ember.js and other javascript dependencies ... -->
<script type="text/x-handlebars" data-template-name="">
<form>
Currency {{view Ember.Select content=name optionValuePath="content.value" value=content.value optionLabelPath="content.value" selectionBinding=currency}}
Fuel Economy {{view Ember.Select content=name1 optionValuePath="content.value" value=content.value optionLabelPath="content.value" selectionBinding=fuel}}
Date_Format {{view Ember.Select content=name2 optionValuePath="content.value" value=content.value optionLabelPath="content.value" selectionBinding=dateval}}


<input type="button" {{action 'check' 77}} value="Hit Me" />
</form>
</script>

<script src="js/libs/jquery-1.9.1.js"></script>
<script src="js/libs/handlebars-v1.3.0.js"></script>
<script src="js/libs/ember.js"></script>
<script src="js/libs/ember-data.js"></script>

<script src="js/select.js"></script>


</body>
</html>

这是我的 JS 代码:

window.Format = Ember.Application.create();
Format.ApplicationController = Ember.ArrayController.extend({

currency : null,
fuel : null,
dateval : null,
name: [{value:"USD"}, {value:"INR"}],
name1: [{value:"Kmph"},{value: "Mph"}],
name2: [{value:"dd/mm/yyyy"},{value: "mm/dd/yyyy"}],
actions: {
check: function() {
var currency = this.get("currency.value");
var fuel = this.get("fuel.value");
var dateval = this.get("dateval.value");

}
}

});

最佳答案

您需要将选择框的值绑定(bind)到 Controller 中的属性。

Currency {{view Ember.Select 
content=name
optionValuePath="content.value"
optionLabelPath="content.value"
valueBinding=currency}}

然后您可以直接通过属性访问值 this.get('currency');

Here is a working bin.

关于javascript - 使用 emberjs 获取多个下拉值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24597656/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com