`

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

    博客分类:
  • web
 
阅读更多
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标签例子

    Jquery操作select标签:包含选中、更改选中;获取选中option的text值、value值和ndex索引值;标签的清空、删除和增加等。

    jquery操作select常见方法大全【7种情况】

    本文实例讲述了jquery操作select常见方法。分享给大家供大家参考,具体如下: 在前段HTML页面设计中select 下拉框,或者 在 multiple=”multiple” 时,表现为列表。经常会在页面上对其进行操作,这些操作不外乎: 1...

    jQuery取得设置清空select选择的文本与值

    获取select : 获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $("#ddlregtype ").val(); 获取select选中的索引: $("#ddlregtype ").get(0)....

    jquery操作表单案例

    包括最常用的表单操作,取值赋值清空,比较实用,比较简单。包括input,textarea,radio,checkbox,select.另外根据select的文本值text来让select选中。

    浅析jQuery操作select控件的取值和设值

    1.级联select的操作,后一个select的值随着前一个select选中值变化 $(.select_A).change(function(){ $(.select_B).empty();// 清空后一个select var option = $().val(1).text('xxx');// 按照实际业务要求重新...

    jQuery select小控件适用IE6、IE7、IE8

    //赋值请清空原来的值(很重要) jQuery("#text1").attr("edata",'{"":"","男":"男1","女":"女1","其他":"其他1"}'); } 获取值 function getValue() { alert("key:"+document.getElementById("text1")....

    SelectPage v2.13

    SelectPage是一个基于jQuery及使用Bootstrap环境开发的,下拉列表带输入快速查找及结果分页展示的多功能选择器。功能特点:基于jQuery、Bootstrap2、3开发也可应用于无任何UI框架的原生HTML环境输入框输入关键字快速...

    jQuery 操作option的实现代码

    再加上,我们要设默认值,所以此处清空select下所有option的方法,使用下面语句即可: 代码如下: $(‘#selectId’).empty().append( $(“这里放默认值”) ); js动态创建option 之前的做法,是借用其中间函数,来...

    将查询条件的input、select清空

    将input、select清空 代码如下: var inputObjs=jQuery(“#queryAdvancedDiv input[type=’text’]”); for(var i=0;i&lt;inputObjs.length;i++){ var inputObj = inputObjs[i]; inputObj.value=””; } var ...

    删除select中所有option选项jquery代码

    这样写 代码如下: &lt;select id=”search”&gt; &lt;option&gt;baidu&lt;/option&gt; &lt;option&gt;sogou&lt;/option&gt; &lt;... 清空: 代码如下: $(“#search”).find(“option”).remove(); 或者 $(“#search”).empty();

    jQuery动态添加删除select项(实现代码)

    代码如下:// 添加function col_add() { var ...}// 删除function col_delete() { var selOpt = $(“#mySelect option:selected”); selOpt.remove();}// 清空function col_clear() { var selOpt = $(“#mySele

    JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结

    在使用 JQuery 进行遍历操作时, $(“input”).each(function(i) { …… } 当操作对象的类型为 dropdownlist时:(备注:在firefox下DropDownList的类型为”select-one”) 获得所选中的值: $(this).val();...

    jquery input默认提醒插件

    该插件提供一个为 input、select、textarea 提供一个 emptyHint 的属性,调用 js 可以将这部分的文字在输入框为空的时候以灰色的字体显示出来,作为一种默认提醒,当控件获得焦点之后,该灰色的字体会清空。...

    实用jquery操作表单元素的简单代码

    实用jquery操作表单元素代码 /* 假设在一个表单中有一个按钮id="save" $(document).ready(function(){ $("#save").click(function(){ $("#save").attr("disabled",true);//设为不可用 $("#form1")[0].submit();/...

    jQuery对下拉框,单选框,多选框的操作

    下拉框: //得到下拉菜单的选中项的文本(注意中间有空格)var cc1 = $(“.formc select[@name=’country’] option[@selected]”).text...//清空下拉框//$(“#select”).empty();$(“#select”).html(”);//添加下拉框

    jquery text,radio,checkbox,select操作实现代码

    //清空内容 $(“#txt”).attr(“value”,’11’);//填充内容 多选框checkbox: $(“#checkbox_id”).attr(“value”)或者$(“#checkbox_id”).val();//获取值 $(“#chk1”).attr(“checked”,”);//不打勾 $(“#chk2...

    一个基于jquery的页面表单草稿自动保存代码

    支持input type为 text,textarea,checkbox,radio,select,password,hidden的草稿自动保存 hidden的特殊性,因为hidden要手动触发change事件,当值改变的时候要 手动代码 .change() 触发一下才会保存相应的草稿 要实现...

    Chosen 基于jquery的选择框插件使用方法

    Chosen插件下载地址 //www.jb51.net/jiaoben/38027.html 代码如下: [removed][removed] [removed][removed] 应用JS文件 代码如下: &lt;select class=”chzn-select” data-placeholder=”Ch

    jquery.form.js用法之清空form的方法

    本段代码摘取自jquery.form.js中,由于觉得该方法的使用性非常强,同时也可独立拿出来使用。该段代码言简意赅可以很好的作为学习参考。 代码如下:/** * Clears the form data. Takes the following actions on the...

Global site tag (gtag.js) - Google Analytics