は、選択ボックスを無効にすることはできますが、同様のコードで最初の子を選択することはできません

Question

私はこれでチェックボックスをユーザーがクリックしたときに無効にコンボボックスを持っている：

$(this).parent().next('td').children('.xyz').attr("disabled", true); 

私も表示するように同じコンボボックスをリセットしたいと思いますリストの最初の値は、次のようになります。

$(this).parent().next('td').children('.xyz option:first-child').attr("selected", "selected"); 

残念ながら、これはうまくいかないようですが、何が間違っていますか？

Answer 1

JavaScriptによる選択は少し異なります。 this discussionから、このプラグインを使用する方が簡単でしょう：

/** 
* Select/deselect any matching checkboxes, radio buttons or option elements. 
*/ 
$.fn.selected = function(select) { 
    if (select == undefined) select = true; 
    return this.each(function() { 
     var t = this.type; 
     if (t == 'checkbox' || t == 'radio') 
      this.checked = select; 
     else if (this.tagName.toLowerCase() == 'option') { 
      var $sel = $(this).parent('select'); 
      if (select && $sel[0] && $sel[0].type == 'select-one') { 
       // deselect all other options 
       $sel.find('option').selected(false); 
      } 
      this.selected = select; 
     } 
    }); 
}; 

と

$(this).parent().next('td').children('.xyz option:first-child').selected(true);