禁用DropDownList,直到其他DropDown没有获取值

时间:2014-08-25 11:59:21

标签: jquery asp.net-mvc

我有几个下拉列表(例如我说ddl1,ddl2,ddl3))其中第一行总是空字符串,我想要做的是当ddl1是空字符串选中我禁用ddl2和ddl3,当我选择ddl1值比我启用ddl2,当我选择ddl2的值时我启用ddl3等,如果我再次将空字符串设置为ddl1我禁用了ddl2和ddl3 ......等等

我尝试在变化时这样做:

 $(document).ready(function () {
   $("#ddl1").change(function () {
   if ($("#ddl1").val() == 0) {
     $('#ddl2').attr('disabled', 'disabled');
     $('#ddl3').attr('disabled', 'disabled');
     } else {
       $('#ddl2').removeAttr('disabled');
     }
});

这项工作很好,但问题是.change(function ())需要首先更改ddl的值以运行代码,我如何在app start或component create上运行它,或类似的东西?

1 个答案:

答案 0 :(得分:1)

尝试做:

$("#ddl1").change(function () {
   if ($("#ddl1").val() == 0) {
     $('#ddl2').attr('disabled', 'disabled');
     $('#ddl3').attr('disabled', 'disabled');
     } else {
       $('#ddl2').removeAttr('disabled');
     }
}).trigger("change");

请注意最后的trigger("change")