javascript - 使用 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 元素中当前选定的选项的文本值。

根据您的评论，我感觉您可能有一个元素的文本并想要解析出 id？如果是这种情况，您可以尝试:

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

这假设 id 是字符串中的第一个属性，以及一整串其他东西，这些东西可能会在生产中中断，但在对你想要做什么缺乏连贯理解的情况下仍然可以工作。