我从我的代码中获取整个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;
答案 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来检索元素的值。
<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;
您可以编写javascript来获取ID为Type112
的元素
等等,以获得价值:
var s = document.getElementById("Type112");
var selNum = s.options[s.selectedIndex].value;
alert(selNum);
答案 2 :(得分:0)
试试这个。
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;