动态

详情 返回 返回

js/jquery 關於select 的一些操作 - 动态 详情

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();   //拿到選中項的文本,比如選中上海,獲取的值為“上海”

Add a new 评论

Some HTML is okay.