Html 里 Select 选项怎么获得选中的Option的innerText啊
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Html 里 Select 选项怎么获得选中的Option的innerText啊相关的知识，希望对你有一定的参考价值。
<Select onChange="function1()">
<Option value="1">选项1<Option/>
<Option value="2">选项2<Option/>
<Select/>
我要function1函数里得到选项里的文字，而不是值，怎么写js呢
mySelect.options[i].text
获取text的值。
我写了个例子，你可以参考一下（此外，你的option的结尾错了，这样可能导致option的数目变成两倍，仔细观察下我的代码与你的区别）
<head>
<script type="text/javascript">
function function1(mySelect)
alert(mySelect.options[0].text);
</script>
</head>
<body>
<Select onChange="function1(this)">
<Option value="1">选项1</Option>
<Option value="2">选项2</Option>
<Select/>
</body> 参考技术A 如果不想通过ID获取select的话，可以给function1传递一个参数this，代表的是当前的select对象。 参考技术B <Select onChange="function1()" id="objSelect">
<Option value="1">选项1<Option/>
<Option value="2">选项2<Option/>
<Select/>
<script type="text/javascript">
function function1()
alert(document.all.objSelect.options[document.all.objSelect.selectedIndex].text);
</script>
测试通过。本回答被提问者和网友采纳 参考技术C <Select onChange="f(this)">
<Option value="1">选项1</Option>
<Option value="2">选项2</Option>
<Option value="3">选项3</Option>
<Option value="4">选项4</Option>
<Select/>
<script type="text/javascript">
<!--
function f(obj)
for (var i=0;i<obj.length;i++)
if (obj.options[i].selected)
alert(obj.options[i].text);
//-->
</script>
以上是关于Html 里 Select 选项怎么获得选中的Option的innerText啊的主要内容，如果未能解决你的问题，请参考以下文章