获取被选中的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');