使用JavaScript从html选择标记中提取值

时间:2017-01-24 04:49:58

标签: javascript

我从我的代码中获取整个select标记作为值,以便解决我需要从select标记中提取值的值,因为此标记是由代码动态创建的。

以下是我得到的价值。我如何使用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>"
&#13;
&#13;
&#13;

3 个答案:

答案 0 :(得分:2)

执行此操作的正确方法是使用其中一个选择函数从DOM中选择元素。在这种情况下,我更喜欢document.querySelector

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

#表示&#39; id&#39;,您可以将有效CSS的任意组合传递给document.querySelector

然后,要生成此元素的值,只需调用

type112.value

这将为您提供option元素中当前所选select的文字值。

根据您的评论,我感觉您可能拥有元素的文字并想要解析ID吗?如果是这种情况,您可以尝试:

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

这假设id是字符串中的第一个属性,以及可能在生产中中断的一小部分其他内容,但是如果没有对你正在尝试的内容进行连贯的理解,那么它将起作用。做。

答案 1 :(得分:1)

您只需使用select元素id来检索元素的值。

&#13;
&#13;
   <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>
&#13;
&#13;
&#13;

您可以编写javascript来获取ID为Type112的元素 等等,以获得价值:

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

这里是jsfiddle example

答案 2 :(得分:0)

试试这个。

&#13;
&#13;
var list = document.getElementById("Type112");
console.log(list.value)
&#13;
<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>
&#13;
&#13;
&#13;