下拉框選擇selected和動態設置select選擇項


var id=$("#orderId").children('option:selected').val();  //selected選中項取值
 var id=$('#orderId option:selected').val(); 
 //原來一直都是上邊的方法取值,今天剛了解到的,只要下拉框被選中后,
 //option的值會賦給select,name這個方法就會拿到下拉框的值
$('#sel').val();

 動態設置select的值

<select id="sel">
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

一個簡單的select,動態設置這個select的默認選項。使用jquery的方式,首先需要引入js庫

然后就是代碼:

 $("#sel option").each(function(index,ele){
     // index是這個找到的selet的option的下表,從0開始
     // ele是獲得的這個option的元素
     // 使用的時候可以$(ele)就找到這個option元素了,然后就是設置
     // $(ele).attr("selected",true);    
     如果是layui那么需要從新渲染http://www.layui.com/doc/modules/form.html#render
            
}

這里遇到一個問題,就是 $("#sel option")[3]

會輸出 <option value="audi">Audi</option>

如果我們選擇的option輸出的是這樣的,這樣子是設置,不管用的,這個只是拿到了我們要的option的內容,我們需要的是這個option的對象,

那么需要再給他包一層   $($("#sel option")[3]).attr("selected",true);   這樣子也可以設置

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。