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.csdn.net/qq_36671474/article/details/60956202

 

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐