今天做修改功能的时候,因为表单中存在select下拉框,要根据后台传过来的值去指定下拉框应该显示的内容。
有朋友提供了更快的方式,大家可以采用下面的方式
直接通过选择器$('#menuEditIsmenu option[value="特定值"]').porp("selected", "selected");
实现原理:
为option添加selected属性则下拉框便显示的该option。
思路:
1.拿到所有的option
2.遍历option的value并与后台拿到的值进行比较(相同则显示该option)
代码实现:
var numbers = $("#menuEditIsmenu").find("option"); //获取select下拉框的所有值
for (var j = 0; j < numbers.length; j++) {
if ($(numbers[j]).val() == ismenu) {
$(numbers[j]).porp("selected", "selected");
};
}
技术点:
1.jquery的find()方法
2.jquery的attr()方法 有兴趣可以了解下attr()与prop()方法的区别?
selece动态添加option
var select=$("#hot_spare_vicId")[0];
// 清空option
select.length=0;
array.forEach(function(value,index){
// 动态添加option
select.appendChild(new Option(value.name,value.name));
});