コアjQueryを使用して、選択ボックスのすべてのオプションを削除し、1つのオプションを追加してそれを選択するにはどうすればよいですか?
私のセレクトボックスは以下です。
<Select id="mySelect" size="9"> </Select>
編集:次のコードは連鎖に役立ちました。ただし、(Internet Explorerでは).val('whatever')
追加されたオプションは選択されませんでした。(私は両方に同じ「の値を」を使用しなかった.append
と.val
。)
$('#mySelect').find('option').remove().end()
.append('<option value="whatever">text</option>').val('whatever');
編集:このコードを模倣するようにしようとして、ページ/フォームがリセットされるたびに次のコードを使用します。この選択ボックスには、ラジオボタンのセットが表示されます。.focus()
はより近かったが、オプションはのように選択されたようには見えなかった.selected= "true"
。私の既存のコードに問題はありません-私はただjQueryを学ぼうとしています。
var mySelect = document.getElementById('mySelect');
mySelect.options.length = 0;
mySelect.options[0] = new Option ("Foo (only choice)", "Foo");
mySelect.options[0].selected="true";
編集:選択した答えは私が必要とするものに近かった。これは私のために働きました:
$('#mySelect').children().remove().end()
.append('<option selected value="whatever">text</option>') ;
しかし、両方の答えが私を私の最終的な解決策に導きました。