jQuery还原select下拉列表和清空input的值

实现用jQuery还原select下拉列表的值,用了很多种方式,花了一些时间,最后重要找到一种可以实现的方式,

页面上有这些内容

<select id ="level" name = "level">
<option selected="selected" value="">请选择</option>
<option value="1">高</option>
<option value="2">中</option>
<option value="3">低</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="";
  }
 }
}

看来jQuery还需要练习,:)

时间: 2024-11-09 10:29:04

jQuery还原select下拉列表和清空input的值的相关文章

jQuery生成select下拉列表

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script> <script t

Jquery 获取select,radio 和 checkbox的值

1,jquery获取select的值. $("#select1 option:selected").text(); 2,jquery 获取radio的值. $('#radio_id:radio:checked').val() 3,jquery获取checkbox的值. $("input[name='checkbox']:checkted").each(function(){ str += $(this).val()+"," })

jQuery操作select下拉框的text值和value值的方法

1.jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2.jquery获取当前选中select的value值 var checkValue=$("#slc1").val(); 3.jquery获取当前选中select的索引值 var index=$("#slc1 ").get(0).selectedIndex; 4

jQuery/原生JS实时监听input输入框值变化

input事件: onchange: 1.要在 input 失去焦点的时候才会触发: 2.在输入框内容变化的时候不会触发change,当鼠标在其他地方点一下才会触发: 3.onchange event 所有主要浏览器都支持: 4.onchange 属性可以使用于:<input>, <select>, 和 <textarea>. <script> function change(){ var x=document.getElementById("pa

Jquery设置select控件指定text的值为选中项

<select name="streetid" id="streetid"> <option value="4">北环路</option> <option value="5">天河路</option> <option value="6">清华园路</option> <option value="7"

jquery操作select取值赋值与设置选中

本节内容:jquery实现select下拉框的取值与赋值,设置选中的方法大全. 比如<select class="selector"></select> 1.设置value为pxx的项选中 复制代码代码示例: $(".selector").val("pxx"); 2.设置text为pxx的项选中 复制代码代码示例: $(".selector").find("option[text='pxx']

jquery easyui校验select下拉列表值是否为空的问题

属性名 类型 描述 默认值 required 布尔 定义文本域是否为必填项 false validType 字符串 定义字段的验证类型,比如email, url, etc. null missingMessage 字符串 当文本框为空时提示的文本信息 This field is required. invalidMessage 字符串 当文本框内容不合法时提示的文本信息 null required只表示文本框中是否有内容,easy ui的select框渲染完后 会自动添加一个文本框用于输入,如下

jquery操作select(增加,删除,清空)

jQuery获取Select选择的Text和Value: 1 2 3 4 5 6 7 8 9 $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的text var checkValue=$("#se

jQuery动态加载select下拉列表

说明:以前使用的select下拉列表都是静态的,select 的option数据都是写死的.现在项目中的select需要根据不同的场景使用不同的数据,解决方式就是动态加载option数据. 下面步骤介绍了如何从数据库获取数据,并动态的在前端显示. 步骤一:jsp页面静态的select: <div> <select id="selectSM"> <option>选择A</option> <option>选择B</optio