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(){ //実行する必要があるオペレーションコード})