select下拉框常用点

fantasticli

[JavaScript] 纯文本查看 复制代码

//html页面select标签实现下拉框功能
<select id="下拉框ID" class="form-control">
</select>

//JS当中下拉框的初始化及事件绑定
//下拉列表初始化
$("#下拉框ID").select2({
        language:'zh-CN'
});
//下拉列表选择事件
$('#下拉框ID').on("select2:select",function(e){
        _self.pumpStatusStatistics();
});

//下拉框数据绑定
$('#下拉框ID').empty();
$(data).each(function(i,data){
        //数据查询时,要在SQL语句中字段 as \"name\" , 字段 as \"value\"
        $('#下拉框ID').append("<option value="+data.value+">"+data.name+"</option>");
});
$('#下拉框ID')[0].selectedIndex=-1;//如果出现第一条信息无法选中的情况,可以试试用这一条来解决;
$("#下拉框ID option:selected").val('');

//默认选择第一个选项
//$("#下拉框ID").val($("#下拉框ID  option:first").val()).trigger('change');

//select下拉框回显赋值
$("[name$='下拉框ID']").select2("val", 参数);

[/mw_shl_code]