根據選擇的值啓用和禁用表單

Question

我有這個示例的簡單代碼來根據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/

Answer 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