前端获取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(); //拿到选中项的文本,比如选中上海，获取的值为“上海