下拉框选择selected和动态设置select选择项 - 淡淡人生过

时间:2024-02-19 15:06:19

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