jquery及原生js获取select下拉框选中的值示例

前端技术 2023/09/01 JavaScript
现在有一id=test的下拉框,怎么拿到选中的那个值呢?

分别使用javascript原生的方法和jquery方法
复制代码 代码如下:

<select id=\"test\" name=\"\">
<option value=\"1\">text1</option>
<option value=\"2\">text2</option>
</select>


一:javascript原生的方法

1:拿到select对象: var myselect=document.getElementById(\"test\");

2:拿到选中项的索引:var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value: myselect.options[index].value;

4:拿到选中项options的text: myselect.options[index].text;

二:jquery方法(前提是已经加载了jquery库)

1:var options=$(\"#test option:selected\"); //获取选中的项

2:alert(options.val()); //拿到选中项的值

3:alert(options.text()); //拿到选中项的文本

本文地址:https://www.stayed.cn/item/2808

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。