Jquery 从下拉列表中选择项目时启用按钮

我有一个带有下拉列表和按钮的表单

 <button id="primaryTextButton" class="k-primary delete-button">Submit</button>

提交

我只想在从列表中选择项目时启用按钮

我该怎么做

---

以下是您完整的Jquery代码：-

(function () {
$('#primaryTextButton').prop('disabled',true);   //disable button on page load
    var viewModel = kendo.observable({
        allowCustomValues: false,
        testData: new kendo.data.DataSource({
            data: [{
                id: 1,
                name: 'Apple'
            }, {
                id: 2,
                name: 'Banana'
            }, {
                id: 3,
                name: 'Orange'
            }, {
                id: 4,
                name: 'Kiwi'
            }]
        })
    });

    $('.combobox').kendoComboBox({
        dataSource: viewModel.testData,
        autoBind: false,
        dataTextField: 'name',
        dataValueField: 'id',
        suggest: true,
        placeholder: 'Select a Fruit',
        change: function (e) {
            $('#primaryTextButton').prop('disabled',false);   //enable button here
            var cmb = this;
            // selectedIndex of -1 indicates custom value
            if (cmb.selectedIndex < 0 && !viewModel.allowCustomValues) {
                cmb.value(null); // or set to the first item in combobox
            }
        }
    });

    kendo.bind('#example', viewModel);


})();

（函数（）{
$（'#primaryTextButton'）.prop（'disabled'，true）；//在页面加载时禁用按钮
var viewModel=kendo.observable({
allowCustomValues:false，
testData:new kendo.data.DataSource({
数据：[{
id:1，
名称：“苹果”
}, {
id:2，
名称：“香蕉”
}, {
id:3，
姓名：“橙色”
}, {
id:4，
名称：“猕猴桃”
}]
})
});
$（'.combobox'）.kendoComboBox({
数据源：viewModel.testData，
自动绑定：错误，
dataTextField:'名称'，
dataValueField:'id'，
建议：是的，
占位符：“选择水果”，
更改：功能（e）{
$（'primaryTextButton'）.prop（'disabled'，false）；//此处启用按钮
var cmb=此；
//selectedIndex为-1表示自定义值
if（cmb.selectedIndex<0&！viewModel.AllowCustomValue）{
cmb.value（null）；//或设置为组合框中的第一项
}
}
});
bind（“#示例”，viewModel）；
})();

---

可以在组合框本身的“更改”事件中启用和禁用按钮。考虑到按钮在开始时已禁用：

$('.combobox').kendoComboBox({
    change: selectionChanged,
    // other properties of combo-box
});


function selectionChanged(e){
            if(this.value() != null || this.value() != ""){
              $('#button').prop('disabled',false);
            }
            else{
            $('#button').prop('disabled',true);  
            }
          }

---

希望这有帮助。

选择后在下拉列表中删除某个项目时，按钮仍处于启用状态。@Polppan..很抱歉，我没有找到您。。。小提琴可以根据您的要求正常工作。您还想要什么？？？如果选择了某个项目，则按钮处于启用状态。但如果我在选择后取消选择某个项目，按钮仍处于启用状态。@Polppan…那么在这种情况下，kendoComboBox中一定有某个关闭事件，您必须找到自己，因为我从未使用过kendoComboBox，并在该事件中放置禁用按钮代码。。确定。谢谢，谢谢。