1. 程式人生 > >JS 設定下拉列表的值(設定選中項)

JS 設定下拉列表的值(設定選中項)

在js程式碼裡設定一個下拉列表選中項的方法如下:

var obj = document.getElementById('selAppType');

$.each(obj .options, function (i, n) {
    if (n.value === 'hello') {
        n.selected = true;
    }
});
或者用JQuery的方法獲取:
//獲取select選中的 value:
$("#id").find("option:selected").text();
$("#id ").val();

//操作select下的所有options
$("#id").find("option").each(function(i,n){
    //TO DO
});

//獲取select選中的索引:
$("#id").get(0).selectedIndex;

//清空 Select:
$("#id").empty();

//設定select option項:  
$("#id").append("<option value='Value'>Text</option>");         //新增一項option
$("#id").prepend("<option value='0'>請選擇</option>");          //在前面插入一項option
$("#id option:last").remove();                                  //刪除索引值最大的Option
$("#id option[index='0']").remove();                            //刪除索引值為0的Option
$("#id option[value='3']").remove();                            //刪除值為3的Option
$("#id option[text='4']").remove();                             //刪除TEXT值為4的Option