ホームページ  >  記事  >  ウェブフロントエンド  >  jsでselectタグの値を取得する方法を詳しく解説

jsでselectタグの値を取得する方法を詳しく解説

小云云
小云云オリジナル
2017-12-13 14:57:127915ブラウズ

jsを使用して選択タグの値を取得するにはどうすればよいですか?この記事ではjsでselectタグの値を取得する方法を紹介しますので、お役に立てれば幸いです。

var obj = document.getElementByIdx_x(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值


jQueryで選択された選択値を取得します

最初の方法

$(‘#testSelect option:selected’).text();//选中的文本
$(‘#testSelect option:selected’) .val();//选中的值
$(“#testSelect “).get(0).selectedIndex;//索引


2番目の方法

りー



select タグに
... などの id 属性がある場合は、次のメソッドを使用して現在のオプションの値を取得します:
var v = xx.value
または
var v = document.getElementById("xx" ).value; //このメソッドは互換性が優れています

select タグに
などの name 属性がある場合は、次のメソッドを使用して現在のオプションの値を取得します:
var v = form1 .xx.value;
または
var v = document.getElementsByName(“xx”)[0].value;
同じ名前属性を持つ複数のタグが含まれる場合、上記の [0] の数字は次のように変更されます。対応する物理シーケンス番号 (0 から数えます)

select タグに

... など、配置できる属性が含まれていない場合は、次のメソッドを使用して現在のオプションの値を取得します: var v = document.getElementsByTagName("select")[0].value;


同じページに複数の select タグが含まれている場合、上記の [0] の番号は、対応する物理シーケンス番号 (0 から始まる) に変更する必要があります。

次の選択タグの場合、現在の選択の値を取得する方法は次のとおりです:

text1

text2
code:
1: javascriptネイティブメソッド


$(“#tesetSelect”).find(“option:selected”).text();//选中的文本 
…….val(); 
…….get(0).selectedIndex;

2: jquery メソッド (jquery ライブラリがロードされている場合)

1:拿到select对象: var myselect=document.getElementById(“test”); 
2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 
3:拿到选中项options的value: myselect.options[index].value; 
4:拿到选中项options的text: myselect.options[index].text;


jQuery で選択された値を取得する

最初の方法

1:var options=$(“#test option:selected”);  //获取选中的项
2:alert(options.val());   //拿到选中项的值
3:alert(options.text());   //拿到选中项的文本
var obj = document.getElementByIdx_x(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值


2番目の方法

$(‘#testSelect option:selected’).text();//选中的文本
$(‘#testSelect option:selected’) .val();//选中的值
$(“#testSelect “).get(0).selectedIndex;//索引


select タグに
などの id 属性がある場合…

現在のオプションの値を取得するには、次のメソッドを使用します。 var v = xx.value; または
var v = document.getElementById(“xx”).value; //このメソッドは互換性があります



select タグに

...

などの name 属性がある場合は、次のメソッドを使用して取得します現在のオプションの値: var v = form1.xx.value;
または
var v = document.getElementsByName("xx")[ 0].value; 同じページに同じ name 属性を持つ複数のタグが含まれている場合、上記の [0] の番号は、対応する物理シーケンス番号 (0 から始まる) に変更する必要があります



select タグに
などの位置決め用の属性が含まれていない場合は、次のメソッドを使用します。現在のオプションの値を取得します:
var v = document.getElementsByTagName("select")[0].value;


同じページに複数の select タグが含まれている場合は、上記の [0] の数値を変更する必要があります対応する物理シーケンス番号 (0 から数えます) に変換します。

次の選択タグの場合、現在の選択の値を取得する方法は次のとおりです:

text1 text2

code :

One: JavaScript ネイティブ メソッド

$(“#tesetSelect”).find(“option:selected”).text();//选中的文本 
…….val(); 
…….get(0).selectedIndex;


2 つ: jquery メソッド (jquery ライブラリがロードされている場合)

1:拿到select对象: var myselect=document.getElementById(“test”); 
2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index 
3:拿到选中项options的value: myselect.options[index].value; 
4:拿到选中项options的text: myselect.options[index].text;


関連する推奨事項:

よく使用される概要メソッド

jQueryまたはJsで選択された値またはテキストを取得します

JavaScriptのメソッドを解析して選択された値を取得します

以上がjsでselectタグの値を取得する方法を詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。