实现用jQuery还原select下拉列表的值,用了很多种方式,花了一些时间,最后重要找到一种可以实现的方式,
页面上有这些内容
<select id ="level" name = "level"> <option selected="selected" value="">全部</option> <option value=">高</option> <option value=">中</option> <option value=">低</option> <option id="alevel" style="display:none" value="${av.level}">${av.level}<option></select>
下面是js的实现,清空下拉列表
function clearSearch(){ //还原select下拉列表只需要这一句 $("#level option:selected").removeAttr("selected"); //清空input框内容,其中search为form表单的id属性值 var $ins = $("#search input"); for(var i in $ins){ if($($ins[i]).val().trim()!="查询"){ $ins[i].value=""; } } }
下是回显告警级别
var alevel = $("#alevel").val();//获取回显的值 if(""!=alevel.trim()){ var $options = $("#level option"); ;i<$options.length-;i++){ var $oprion = $($options.get(i)); if($option.val()==alevel){ $option.attr("selected","selected");} } }