Javascript 如何从<;中选择特定的文本值;选择>&书信电报;选项
我想从HTML和javascript中的选择选项文本(不是选项值)中获取值 一旦我能够得到这个值,我就想得到具体的字符串,就像下面的一样 值为2.500,文本选项值为250。我想得到250并分配它自己的输入隐藏值Javascript 如何从<;中选择特定的文本值;选择>&书信电报;选项,javascript,html,Javascript,Html,我想从HTML和javascript中的选择选项文本(不是选项值)中获取值 一旦我能够得到这个值,我就想得到具体的字符串,就像下面的一样 值为2.500,文本选项值为250。我想得到250并分配它自己的输入隐藏值 谢谢好的,根据您提供的信息,我猜您需要获取选项的文本 function getSelectedText(elementId) { var elt = document.getElementById(elementId); if (elt.selectedIndex =
谢谢好的,根据您提供的信息,我猜您需要获取选项的文本
function getSelectedText(elementId) {
var elt = document.getElementById(elementId);
if (elt.selectedIndex == -1)
return null;
return elt.options[elt.selectedIndex].text;
}
这样做:
var text = getSelectedText('selectID');
或者按照建议,您也可以将其放在一行中:
var text = elementId.querySelector("option:checked").innerText
注意:这只适用于现代浏览器。
<form action="#">
<input type="hidden" name="bonus_hidden" value="" />
<select name="b" onchange="document.forms[0].elements['bonus_hidden'].value=document.forms[0].elements['b'].options[document.forms[0].elements['b'].selectedIndex].text">
<option value="1.000">100 bonus</option>
<option value="1.500">150 bonus</option>
<option value="2.000">200 bonus</option>
<option value="2.500">250 bonus</option>
</select>
</form>
100奖金
150奖金
200奖金
250奖金
“就像下面的一样”?哪一个。我们没有看到任何内容:elementId.querySelector(“选项:选中”).innerText
@Derek朕會功夫 谢谢也用你的答案更新了答案!顺便说一句,querySelector
仅适用于现代浏览器,对吗?它适用于>IE7@Praveen Kumar-它适用于IE8及以上版本。。。我并不认为IE8是一个“现代”浏览器。好的,我不知道querySelector
在IE 8中工作P