使用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>