ホームページ >ウェブフロントエンド >jsチュートリアル >jquery 操作 select option_jquery のコードの概要
jquery 操作 select option_jquery のコードの概要
- WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
- 2016-05-16 18:05:421182ブラウズ
1. 選択した選択範囲の値とテキストを取得します。HTML コードは次のとおりです。
コードをコピーします コードは次のとおりです。
コードをコピー コードは次のとおりです。
$("# mySelect").val(); //選択したレコードの値を取得
$("#mySelect option:selected").text(); //選択したレコードのテキスト値を取得
2. 新しい Option("text", "Value") メソッドを使用してオプションを追加します $("#mySelect option:selected").text(); //選択したレコードのテキスト値を取得
var obj = document .getElementById("mySelect");
obj.add(new Option("4","4")); >
3. すべてのオプションを削除します
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. 選択したオプションを変更します
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(){ //実行する必要があるオペレーションコード})
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。