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