title: select动态添加option与动态设置下拉框默认选项（selected）的问题
categories: 前端
tags:

• 前端
  abbrlink: 37734
  date: 2018-02-22 00:00:00

[ select动态添加option与动态设置下拉框默认选项（selected）的问题(原创)

](/qq_37279279/article/details/78135972)

//动态生成下拉框
$.ajax({
type:”GET”,
async:false, //设为同步请求（异步加载的话后面的遍历方法获取不到option）
url:context+”/service/demo/hfjd/findJdmc”,//获取option值得方法返回LIST类型
success:function(data){
for(var i in data){ //遍历输出LIST添加为option
$(“#jd”).append(““+data[i]+”“);
}
}

});

//遍历下拉框设置默认选项
function selectValue(sId,value){
var s = document.getElementById(sId);
var ops = s.options;
for(var i=0;i<ops.length; i++){
var tempValue = ops[i].value;
if(tempValue == value)
{
ops[i].selected = true;
}
}
}

//调用方法设置

selectValue(‘下拉框sellect id’,’需要设为默认选项的value值’);