jquery 操作 select option_jquery のコードの概要

1. 選択した選択範囲の値とテキストを取得します。HTML コードは次のとおりです。

コードをコピーします コードは次のとおりです。 one two three

選択された値とテキストを取得できます次のスクリプト コードを使用して

コードをコピー コードは次のとおりです。 $("# mySelect").val(); //選択したレコードの値を取得 $("#mySelect option:selected").text(); //選択したレコードのテキスト値を取得

2. 新しい Option("text", "Value") メソッドを使用してオプションを追加します

コードをコピーします var obj = document .getElementById("mySelect"); obj.add(new Option("4","4")); > 3. すべてのオプションを削除します

コードをコピーします コードは次のとおりです: var obj = document.getElementById("mySelect"); obj.options.length = 0;

4. 選択したオプション

コードをコピーします コードは次のとおりです。 var obj = document.getElementById("mySelect"); var index = obj .selectedIndex; obj.options.remove(index);

5. 選択したオプションを変更します

コードをコピーします> コードは次のとおりです。 var obj = document.getElementById ("mySelect"); [index] = new Option("three",3); //対応する値を変更します obj.options[index ].selected = true; //選択状態を維持します 6. select

コードをコピー

コードは次のとおりです。 var obj = document.getElementById(" mySelect"); obj.parentNode.removeChild(obj); //現在のオブジェクトを削除します 7. 選択した応答イベントを選択します

コードをコピー

コードは次のとおりです: $("# mySelect").change(function(){ //実行する必要があるオペレーションコード })