属性を追加してonchangeイベントで属性を削除する方法は？

Question

私は複数の選択肢があり、最初の選択で選択されたオプションに応じて名前属性を追加または削除したいと考えています。

http://jsfiddle.net/Nirvanachain/DZFFe/

Answer 1

はあなただけ後方いくつかのことを持っていたし、あなたが忘れてしまいましたクラスセレクタ：$('.class')。次のようなhttp://jsfiddle.net/DZFFe/7/

$("#mySelect").change(function() { 
    $(".selectorClass").removeAttr("name"); 
    var x = document.getElementById("mySelect").value; 
    if($("#" + x)) { 
     $("#" + x).attr("name", "myName"); 
    } 
}); 

Answer 2

これは動作するはずです：：ここで

は、例えばフィドルである ''

$("#mySelect").change(function() { 
    var x = $(this).val(); 

    if ($("#" + x).length > 0) { 
     $("#" + x).attr("name", "myName"); 
    } else { 
     $(".selectorClass").removeAttr("name"); 
    } 

});​ 

Answer 3

何か：私はフィドルを固定しましたか？

$("#mySelect").change(function() { 
    $('.selectorClass').removeAttr('name'); 
    $('#' + $(this).val()).attr('name', 'myName');      
}); 

http://jsfiddle.net/DZFFe/8/

Answer 4

問題が発生したとき!!x === false（例：この場合は空の文字列）。私はまた、ここではクラスによって

$("#mySelect").change(function() { 
    var x = document.getElementById("mySelect").value; 
    if(x && $("#" + x)) { //added to check if x != "" 
     $("#" + x).attr("name", "myName"); 
    } else { 
     $(".selectorClass").removeAttr("name"); //added missing "." to actually select classes 
    } 
}); 

を選択するために欠けている.を追加if

に簡単なチェックを追加しましたあなたはそれが同じIDを持って選択する方 `hide`にjsFiddle