下拉框选择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);   这样子也可以设置

 

 

转载于:https://www.cnblogs.com/renjianjun/p/7883542.html