前端获取select选中的option的数据

 

复制代码
 
设置默认选中可在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(); //拿到选中项的文本,比如选中上海,获取的值为“上海

posted @   yvioo  阅读(3400)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· [翻译] 为什么 Tracebit 用 C# 开发
· 腾讯ima接入deepseek-r1,借用别人脑子用用成真了~
· Deepseek官网太卡,教你白嫖阿里云的Deepseek-R1满血版
· DeepSeek崛起:程序员“饭碗”被抢,还是职业进化新起点?
· RFID实践——.NET IoT程序读取高频RFID卡/标签
历史上的今天:
2020-11-06 LocalDate转换成Date
2020-11-06 JAVA使用LocalDate获取当前日期所在季度的开始日期和结束日期
点击右上角即可分享
微信分享提示