用于禁用select if if选项的脚本

时间:2012-01-02 22:55:10

标签: javascript jquery

如果您有两个选择(两个都带有ID)并且第一个选择中的选项被选中,您如何编写脚本来禁用选择。

3 个答案:

答案 0 :(得分:2)

既然你已经用jQuery标记了这个问题,我会告诉你如何使用jQuery来实现它:

$("#firstSelectId").change(function() {
    var first = $(this);
    $("#secondSelectId").prop("disabled", function() {
        return first.val() === "whatever";
    });
});

请注意,如果选择了其他选项,则上述假定您要再次启用第二个选择。这是一个working example

答案 1 :(得分:1)

怎么样:

$('#first').change(function() {
  if ($(this).val() != '') { // '' is default value??
    $('#second').attr('disabled', 'disabled');
  } else {
    $('#second').removeAttr('disabled');
  }
});

答案 2 :(得分:1)

使用类似的东西:

if($("#selectbox1 option:selected").val() == ...)

查看所选内容。

然后使用

$("#selectbox2").attr('disabled', 'disabled');

禁用其他框。