select下拉框常用点
本帖最后由 fantasticli 于 2021-7-13 10:26 编辑//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').selectedIndex=-1;//如果出现第一条信息无法选中的情况,可以试试用这一条来解决;
$("#下拉框ID option:selected").val('');
//默认选择第一个选项
//$("#下拉框ID").val($("#下拉框IDoption:first").val()).trigger('change');
//select下拉框回显赋值
$("").select2("val", 参数);
页:
[1]