0

我有一些由 kendoui 下拉列表组成的 kendoui 列表视图，我想获取这些下拉列表中的选定值。为此，我正在尝试，

 $("#cnty1").val();

这是我的下拉列表，即来自数据库表的国家列表，

<input select STYLE="width:90px;height:auto" id ="cnty1" data-bind="value:cnty1" 
name="cnty1" data-type="string" data-text-field="cnty" 
data-value-field="cntyid" data-source="sourcedata1" class="k-d"   
data-role="dropdownlist" />

<span data-for="cnty1" class="k-invalid-msg"></span>

这里 cnty1 是下拉列表的 id，但没有得到值，而是得到了选定值的“id”，而不是选定值。

而且，如果未选择该值，则通过使用获取第一个值 id$("#cnty1").val();

所以，请给我建议一个解决方案，以便，1）我应该只获取 Selected 值和 2）下拉列表的值只有当用户从列表中选择一个值，但不选择时不获取列表的值.

4

3 回答 3

2

使用以下 jquery 获取选定的值/文本：

对于价值：
$("#cnty1 option:selected").val();

对于文本使用：
$("#cnty1 option:selected").text();

于 2012-10-31T05:28:11.490 回答
2

试试这个。

<select STYLE="width:90px;height:auto" id ="cnty1" data-bind="value:cnty1" 
data-text-field="cnty" data-value-field="cntyid" data-source="sourcedata1" data-role="dropdownlist" data-change="cntySelect" data-option-label="Select"></select>

function cntySelect(e) {                                                
          var dropDownVal = $("#cnty1").val();
            alert(dropDownVal);
}
于 2012-11-28T06:48:30.293 回答
0

尽管此代码用于 KendoUI 网格中的 FK JSON 对象，但想法是相似的。您必须在下拉值选择中绑定对象。下拉列表本质上包含作为您的值 ID 的选项，而不是对象本身。因此，您必须遍历数据源以查找已选择的对象，然后在数据模型中进行替换。

/**
 * KendoDropDownEditor Class
 * */
var KendoDropDownEditor = Class({

    initialize: function (schema, gridId, readUrl) {

        var readUrl = readUrl || base + schema.entityName + "/read";
        this.dataSource = DataSourceGenerator.crudDS(schema, gridId, readUrl);

        this.dataTextField = schema.model.dropDownTextField;
        this.dataValueField = schema.model.id;
    },

    /**
     *
     * */
    do:function (container, options) {
        var self = this;
        var a = $('<input data-text-field="' + self.dataTextField + '" data-value-field="' + self.dataValueField + '" data-bind="value:' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownList({
                autoBind:false,
                dataSource:self.dataSource,
                close:function (e) {
                    $.each(self.dataSource.data(), function(key, value) {
                        if (value[self.dataValueField] == e.sender.value()) {
                            options.model[options.field] = value;
                            return false;
                        }
                    });
                }
            });
    }
});

也看看Knockout-Kendo，它可以让你的生活更轻松。

于 2012-11-01T01:44:08.270 回答