下拉框select的js

1、下拉框赋值

//设置下拉框的值
function getSelectVal(id, val) {
    //首先获得下拉框的节点对象；
    var select = document.getElementById(id);
    //2.如何获得该下拉框所有的option的节点对象
    var options = select.options;
    for (var i = 0; i < options.length; i++) {
        if (val == options[i].value) {
            select.options[i].selected = true;
            break;
        }
    }
}

​

2、获取下拉框选中

function getSelectVal(id) {
    //获取当前id的下拉框内容
    var select = document.getElementById(id);
    //获取当前下拉框选中索引值
    var index = select.selectedIndex;
    //获取当前下拉框的值
    var val = select[index].value;
    return val;
}

​

3、获取动态下拉框

function getDynamicsSelect(id) {
    //清空当前下拉框所有选项
    $("#"+id).empty();
    //selectList:后端查询结果List<Map<String,Object>>结果集使用JSONArray.fromObject(结果集).toString()转换而来
    var jsonArray = eval("(" + selectList + ")");
    //新增默认首行值与文本
    jQuery("#"+id).append("<option value='' >请选择部门名称...</option>");
    //循序新增下拉框值与文本
    $.each(jsonArray, function (i, item) {
        jQuery("#"+id).append("<option value=" + item.ID + ">" + item.NAME + "</option>");
    });
}