jQuery还原select下拉列表和清空input的值,回显下拉列表框的值

时间:2023-03-09 03:09:39
jQuery还原select下拉列表和清空input的值,回显下拉列表框的值

实现用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");}
 }
}