如何获取select下拉框的值

发布网友 发布时间：2022-04-22 22:17

我来回答

共3个回答

懂视网 时间：2022-05-15 11:22

这次给大家带来用name取select值，用name取select值的注意事项有哪些，下面就是实战案例，一起来看一下。

实例如下所示：

<select name="region[province]" id="" class="region valid">
<option value="0" selected="selected" tier="1">省、直辖市</option>
<option tier="1" value="2">北京市</option>
</select>
var province = $("select[name='region[province]']").val();
取得textarea的值
<textarea id='address'></textarea >
$("#textarea ").val()

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

javascript的代码优化详解

CSS3实现倾斜和旋转动画效果

热心网友 时间：2022-05-15 08:30

分别使用javascript原生的方法和jquery方法
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一：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()); //拿到选中项的文本

热心网友 时间：2022-05-15 09:48

分别使用javascript原生的方法和jquery方法
<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一：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()); //拿到选中项的文本