根据选择的值启用和禁用表单

时间:2012-02-13 12:51:55

标签: jquery forms

我有这个示例简单的代码,可以根据select元素值启用和禁用表单。

$("#myoptions").change(function(){
    var item = $("#myoptions option:selected").val();
    $("#target").html(item );
    if(item == "empty"){
         $("#addForm").children().attr("disabled","disabled");
        /*else{
         $("#addForm").children().removeAttr("disabled");
        } */           
    }
});

问题是它可以被禁用但是当再次尝试启用时它不起作用并阻止代码执行。

评论启用代码时请看一下:http://jsfiddle.net/BbZw8/3/

1 个答案:

答案 0 :(得分:1)

else语句在if语句中 - 问题仅仅是由于右括号放置不正确。除此之外,代码有效。

试试这个:

$("#myoptions").prepend("<option value='empty'>choose item</option>");
$("#myoptions option:first").attr("selected", "selected");


$("#myoptions").change(function() {
    var item = $("#myoptions option:selected").val();
    $("#target").html(item);

    if (item == "empty") {
        $("#addForm").children().attr("disabled", "disabled");
    } else {
        $("#addForm").children().removeAttr("disabled");
    }
});

Example fiddle