具有级联下拉菜单的ASP.NET MVC3视图，其中第二个和第三个控件处于禁用状态，直到上一个控件被选中

Question

我有一个带有级联下拉列表的视图(准确地说是3个)

第二个和第三个将被禁用，直到选择前一个选项并为其触发jquery。

所有这些都在新鲜的状态下工作得很好。当我有预设值要传递给它时，我想使用相同的视图。我已经在某种程度上实现了这一点，因为我可以正确地设置下拉框上的值，但是第二个和第三个下拉框是禁用的(因为这是初始状态)，因此不会在post中传递表单字段的值。

有没有人成功地实现了这种场景？要使dropdowns状态处于启用状态，我需要做些什么？

我需要一种方法来从列表中删除禁用的选项(就像它在每个下拉菜单上刷新并选中时一样)

谢谢。

Answer 1

试试这个：

$(function(){
  if($("#DroprDownListID1").val() != "-SELECT-")
  {
    $("#DroprDownListID2").removeAttr("disabled");
  }
});

Answer 2

我已经尝试了下面的方法，根据条件启用和禁用级联下拉列表中的一些值。请检查它是否对您有帮助。

脚本

       function SetdropDownData(sender, args) {           
            $('#ShipCity').attr('disabled', 'disabled')
            $('#ShipCountry').live('change', function () {
                $.ajax({
                    type: 'POST',
                    url: 'Home/GetCities',
                    data: { Country: $('#ShipCountry').val() },
                    dataType: 'json',
                    success: function (data) {
                        $('#ShipCity option').remove();
                        $.each(data, function (index, val) {
                            if ($('#ShipCountry').val() == "Germany") {
                                $('#ShipCity').removeAttr('disabled')
                                var optionTag = $('<option></option>');
                                $(optionTag).val(val.Value).text(val.Text);
                                $('#ShipCity').append(optionTag);
                            }
                            else {
                                var optionTag = $('<option></option>');
                                $(optionTag).val(val.Value).text(val.Text);
                                $('#ShipCity').append(optionTag);
                            }
                        });
                    }
                });
            });

}