select获取选中的值

最新推荐文章于 2025-06-19 03:39:14 发布

原创最新推荐文章于 2025-06-19 03:39:14 发布 · 4.6w 阅读

48 ·

CC 4.0 BY-SA版权

文章标签：

#select

js 同时被 3 个专栏收录

8 篇文章

订阅专栏

jquery

7 篇文章

订阅专栏

前端

4 篇文章

订阅专栏

本文详细介绍了如何在HTML中设置<select>元素的默认选中项，包括使用selected属性直接在<option>标签中设置，以及通过JavaScript和jQuery动态设置选中项的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 如何设置默认选中呢 

设置默认选中可在option 中添加 selected = "selected",具体举例如下:

<option value="2" selected="selected">test2</option>  

<select id="citySel" class="select">
    <option value="">请选择城市</option>
    <option value="sh">上海</option>
    <option value="bj">北京</option>
    <option value="gz">广州</option>
    <option value="sz">深圳</option>
</select>
 方法一：javascript

1：获取select对象： var  Sel=document.getElementById("citySel");
 
2：取到选中项的索引：var index=Sel.selectedIndex ;             // selectedIndex是所选中的项的index
 
3：获取选中项的value：  myselect.options[index].value;
 
4：取到选中项的文本内容：  myselect.options[index].text;
// selectedIndex是所选中的项的index
 
3：获取选中项的value：  myselect.options[index].value;
 
4：取到选中项的文本内容：  myselect.options[index].text;
 方法二：jquery

1：var options=$("#citySel option:selected");  //获取选中的option
 
2：options.val();   //拿到选中项的值，比如选中上海，获取的值为“sh”;
 
3：options.text();   //拿到选中项的文本,比如选中上海，获取的值为“上海”
//获取选中的option
 
2：options.val();   //拿到选中项的值，比如选中上海，获取的值为“sh”;
 
3：options.text();   //拿到选中项的文本,比如选中上海，获取的值为“上海”

更详细的讲解

https://blog.youkuaiyun.com/qq_36671474/article/details/60956202