select動態新增option與動態設定下拉框預設選項(selected)的問題(原創)
阿新 • • 發佈:2019-02-11
//動態生成下拉框
$.ajax({
type:"GET",
async:false, //設為同步請求(非同步載入的話後面的遍歷方法獲取不到option)
url:context+"/service/demo/hfjd/findJdmc",//獲取option值得方法返回LIST<String>型別
success:function(data){
for(var i in data){ //遍歷輸出LIST新增為option
$("#jd").append("<option value='"+data[i]+"'>"+data[i]+"</option>");
}
}
//遍歷下拉框設定預設選項
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;
}
}
}
$.ajax({
type:"GET",
async:false, //設為同步請求(非同步載入的話後面的遍歷方法獲取不到option)
url:context+"/service/demo/hfjd/findJdmc",//獲取option值得方法返回LIST<String>型別
success:function(data){
for(var i in data){ //遍歷輸出LIST新增為option
$("#jd").append("<option value='"+data[i]+"'>"+data[i]+"</option>");
}
}
});
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值');