浅谈select数据回显并模拟触发选中事件及重置

获取被选中的value值及html值

1.重置为最初状态。第一条

$(".prosclear option:first").prop("selected", 'selected');

2.Sleect事件改变后触发不同情况

$("#archivie_scheme").on("change",function(){});

//如下实例

//三种方式触发

$("#actiontype").on("change",function(){

var atype = $(this).children('option:selected').val();

if(atype == '1'){

//当触发方式为指标时候（阈值和标准值）

$(".indexact").show();

$(".high").css("display","none");

$(".upandlow").css("display","none");

$(".standard_parts").css("display","none");

}else if(atype == '2'){

//当触发方式为高级表达式

$(".indexact").css("display","none");

$(".upandlow").css("display","none");

$(".standard_parts").css("display","none");

$(".high").show();

}else if(atype == '3'){

//当触发方式为日检情况

}

});

 

3.select的数据回填并触发下拉选中事件

主要涉及知识点trigger自动触发，不需要手动点击就可以模拟点击某个按钮会下拉点击事件。

最重要的点记住：事件必须放在trigger的前面，不然trigger自动触发也没有根据，不会产生效果。

代码如下：

$("#source_database").on("change",function(){});//写在前面

$("#source_database").val(rs[0].source_database);

$("#source_database").trigger('change');

 

4.select中如何通过text来选中下拉的项

 $("#tabnameform option:contains('"+rs[0].tabnameform+"')").attr("selected", true);