jQuery获取Select选择的Text和Value:
1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的
3. var checkValue=$("#select_id").val(); //获取Select选择的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
5. var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值
jQuery添加/删除Select的Option项:
1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项)
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置)
3. $("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
4. $("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option(第一个)
5. $("#select_id option[value='3']").remove(); //删除Select中Value='3'的Optiona
5. $("#select_id option[text='4']").remove(); //删除Select中Text='4'的Optiona
内容清空:$("#charCity").empty();
分享到:
相关推荐
Jquery操作select标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。
本文实例讲述了jquery操作select常见方法。分享给大家供大家参考,具体如下: 在前段HTML页面设计中select 下拉框,或者 在 multiple=”multiple” 时,表现为列表。经常会在页面上对其进行操作,这些操作不外乎: 1...
获取select : 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0)....
包括最常用的表单操作,取值赋值清空,比较实用,比较简单。包括input,textarea,radio,checkbox,select.另外根据select的文本值text来让select选中。
1.级联select的操作,后一个select的值随着前一个select选中值变化 $(.select_A).change(function(){ $(.select_B).empty();// 清空后一个select var option = $().val(1).text('xxx');// 按照实际业务要求重新...
//赋值请清空原来的值(很重要) jQuery("#text1").attr("edata",'{"":"","男":"男1","女":"女1","其他":"其他1"}'); } 获取值 function getValue() { alert("key:"+document.getElementById("text1")....
SelectPage是一个基于jQuery及使用Bootstrap环境开发的,下拉列表带输入快速查找及结果分页展示的多功能选择器。功能特点:基于jQuery、Bootstrap2、3开发也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速...
再加上,我们要设默认值,所以此处清空select下所有option的方法,使用下面语句即可: 代码如下: $(‘#selectId’).empty().append( $(“这里放默认值”) ); js动态创建option 之前的做法,是借用其中间函数,来...
将input、select清空 代码如下: var inputObjs=jQuery(“#queryAdvancedDiv input[type=’text’]”); for(var i=0;i<inputObjs.length;i++){ var inputObj = inputObjs[i]; inputObj.value=””; } var ...
这样写 代码如下: <select id=”search”> <option>baidu</option> <option>sogou</option> <... 清空: 代码如下: $(“#search”).find(“option”).remove(); 或者 $(“#search”).empty();
代码如下:// 添加function col_add() { var ...}// 删除function col_delete() { var selOpt = $(“#mySelect option:selected”); selOpt.remove();}// 清空function col_clear() { var selOpt = $(“#mySele
在使用 JQuery 进行遍历操作时, $(“input”).each(function(i) { …… } 当操作对象的类型为 dropdownlist时:(备注:在firefox下DropDownList的类型为”select-one”) 获得所选中的值: $(this).val();...
该插件提供一个为 input、select、textarea 提供一个 emptyHint 的属性,调用 js 可以将这部分的文字在输入框为空的时候以灰色的字体显示出来,作为一种默认提醒,当控件获得焦点之后,该灰色的字体会清空。...
实用jquery操作表单元素代码 /* 假设在一个表单中有一个按钮id="save" $(document).ready(function(){ $("#save").click(function(){ $("#save").attr("disabled",true);//设为不可用 $("#form1")[0].submit();/...
下拉框: //得到下拉菜单的选中项的文本(注意中间有空格)var cc1 = $(“.formc select[@name=’country’] option[@selected]”).text...//清空下拉框//$(“#select”).empty();$(“#select”).html(”);//添加下拉框
//清空内容 $(“#txt”).attr(“value”,’11’);//填充内容 多选框checkbox: $(“#checkbox_id”).attr(“value”)或者$(“#checkbox_id”).val();//获取值 $(“#chk1”).attr(“checked”,”);//不打勾 $(“#chk2...
支持input type为 text,textarea,checkbox,radio,select,password,hidden的草稿自动保存 hidden的特殊性,因为hidden要手动触发change事件,当值改变的时候要 手动代码 .change() 触发一下才会保存相应的草稿 要实现...
Chosen插件下载地址 //www.jb51.net/jiaoben/38027.html 代码如下: [removed][removed] [removed][removed] 应用JS文件 代码如下: <select class=”chzn-select” data-placeholder=”Ch
本段代码摘取自jquery.form.js中,由于觉得该方法的使用性非常强,同时也可独立拿出来使用。该段代码言简意赅可以很好的作为学习参考。 代码如下:/** * Clears the form data. Takes the following actions on the...