使用JavaScript從html select標簽中提取值

Question

我正在從代碼中獲取整個選擇標簽作為值，為了處理該值，我需要從我的選擇標簽中提取值，因為該標簽是由代碼動態創建的。

以下是我得到的價值。 我如何使用Java腳本提取此內容。感謝您的幫助。

  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中選擇元素。 在這種情況下，我更喜歡document.querySelector ：

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

#表示'id'，您可以將有效CSS的任意組合傳遞給document.querySelector 。

然后，要生成此元素的值，只需調用

type112.value

這將為您提供select元素中當前選定option的文本值。

根據您的評論，我感覺到您也許有一個元素的文本並想解析id？ 如果是這樣，您可以嘗試：

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

假定id是字符串中的第一個屬性，以及其他可能會在生產中中斷的其他所有事情，但如果對您要執行的操作缺乏一致的理解，它們將起作用。

Answer 2

您可以簡單地使用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> 

您可以編寫JavaScript來獲取ID為Type112的元素，依此類推以獲取值：

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

這是一個jsfiddle示例

Answer 3

嘗試這個。

 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>