JavaScriptを使用してhtml selectタグから値を抽出する

Question

私のselectタグから全体のselectタグを取得しています。このタグは、selectタグから値を抽出するために必要です。コード。

以下は私が得ている値です。どのように私はあなたの助けにjava script.Thanksを使用してこれを抽出することができます。

rowId[0].QValue = "<select id="Type112" class="GridList" rownumber="0" value="Q1 Only" ><option></option><option value="1" selected="selected">Q1 Only</option><option value="2">Q2 Only</option></select>"

Answer 1

これを行うための適切な方法は、選択機能の一つでDOMから要素を選択することであろう。 #手段「ID」

var type112 = document.querySelector('#type112'); 

、あなたはdocument.querySelectorに有効なCSSの任意の組み合わせを渡すことができます。この場合、私はdocument.querySelectorを好みます。その後

、単にこれはあなたにselect要素内で現在選択されているoptionのテキスト値を与える

type112.value 

を呼び出し、この要素の値を生成します。

あなたのコメントに基づいて、おそらく要素のテキストがあり、IDを解析したいと思っていますか？そのような場合、あなたは試すことができます：

var elemString = // whatever your str is 
var id = (elemString.match(/id="([^"]+)"/) || [])[0]; 

これは、idは文字列の最初の属性だけでなく、おそらく生産に壊れる他のものの全体の嫌になるほどで​​あることを前提としていますが存在しない状態で動作しますあなたがしようとしていることを一貫して理解すること。

Answer 2

これを試してみてください。

var list = document.getElementById("Type112"); 
 
console.log(list.value)

<select id="Type112" class="GridList" rownumber="0" value="Q1 Only" ><option></option><option value="1" selected="selected">Q1 Only</option><option value="2">Q2 Only</option></select>

Answer 3

要素の値を取得するには、単にselect要素idを使用します。

<select id="Type112" class="GridList" rownumber="0" value="Q1 Only" ><option></option><option value="1" selected="selected">Q1 Only</option><option value="2">Q2 Only</option></select>

あなたはID Type112 によって要素を取得し、その上の値を取得するためにJavaScriptを書くことができます。

var s = document.getElementById("Type112"); 
var selNum = s.options[s.selectedIndex].value; 
alert(selNum); 

をここでjsfiddle example