選択の値に応じてフォームを有効または無効にする

Question

この例では、選択要素の値に従ってフォームを有効または無効にする簡単なコードを示します。

$("#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