1. 程式人生 > >select動態新增option與動態設定下拉框預設選項(selected)的問題(原創)

select動態新增option與動態設定下拉框預設選項(selected)的問題(原創)

//動態生成下拉框
$.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值');