jQuery動的な値を動的に選択して設定すると表示/非表示の後で無効になる

Question

ユーザーがボタンをクリックしたときに表示される編集パネルを作成しました。

私はjQueryデータテーブルを使用して、行の先頭にボタンがあります。ボタンをクリックすると、パネルが表示されます。クリック機能では、値が行データと等しい場合に選択される選択オプションを設定します。私はこれを行うには2つの方法を試します。しかし、他の列の値が異なる場合

$("#editCountry option[value='" + data.Country + "'").attr("Selected", true); 

$("#editBranch option").each(function() { 
      if ($(this).val() == data.BranchID) { 
       $(this).attr("Selected", true); 
      } else { 
       $(this).attr("Selected", false); 
      } 
     }) 

それが動作、例えば、 行国==米国、 行B国== DEU、

その後、私は、bの行をクリックします行aをもう一度クリックすると、選択は決して再び変更されません。それは常に最初の行で停止します、私は開発パネルを介してHTMLコードをチェックし、収集されたものが選択されていますが、間違ったオプションを表示します。

誰かが私を助けることができますか？

Answer 1

あなたは

$("#editCountry").val(data.Country);