总结jquery中对select和option的基本操作

jQuery获取Select选择的Text和Value:
$("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发
var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text
var checkValue=$("#select_id").val(); //获取Select选择的Value
var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值
var maxIndex=$("#select_id option:last").attr("index"); //获取Select最大的索引值

jQuery添加/删除Select的Option项:

$("#select_id").append("<option value=‘Value‘>Text</option>"); //为Select追加一个Option(下拉项)
$("#select_id").prepend("<option value=‘0‘>请选择</option>"); //为Select插入一个Option(第一个位置)
$("#select_id option:last").remove(); //删除Select中索引值最大Option(最后一个)
$("#select_id option[index=‘0‘]").remove(); //删除Select中索引值为0的Option(第一个)
$("#select_id option[value=‘3‘]").remove(); //删除Select中Value=‘3‘的Option
$("#select_id option[text=‘4‘]").remove(); //删除Select中Text=‘4‘的Option

内容清空:

$("#charCity").empty();

自己总结了一些常用的操作,给大家学习和参考,希望对你们有所帮助

时间: 2025-01-12 04:27:23

总结jquery中对select和option的基本操作的相关文章

JQuery中对Select的option项的添加、删除、取值

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

jQuery添加/删除Select的Option项:

jQuery获取Select选择的Text和Value: 1. var checkText=jQuery("#select_id").find("option:selected").text();   //获取Select选择的Text 2. var checkValue=jQuery("#select_id").val();   //获取Select选择的option Value 3. var checkIndex=jQuery("#

Jquery中select的操作

jQuery获取Select选择的Text和Value:语法解释:1. $("#select_id").change(function(){//code...});    //为Select添加事件,当选择其中一项时触发2. var checkText=$("#select_id").find("option:selected").text();   //获取Select选择的Text3. var checkValue=$("#sele

获取select的option值及其文本

在jQuery中选择select标签的方法有: $("#selectId") 和 $("select[name='selectName']") 1.获取select选择的值,选择了select之后直接用val(): 例如:$("#selectId").val()或者$("select[name='selectName']").val(); 2.获取select的文本值,选择了select之后,用find(): 例如:$(&qu

select操作option

jQuery获取Select选择的Text和Value: 代码如下: $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id"

jquery如何删除select下拉菜单中所有的option项

jquery如何删除select下拉菜单中所有的option项:在实际应用中,有可能要求一次性删除所有的select下拉菜单的option选项,方法非常的简单.select下拉菜单: <select id="mayi"> <option value="1">蚂蚁部落一</option> <option value="2">蚂蚁部落二</option> </select> 删除

jquery选中将select下拉框中一项后赋值给text文本框

jquery选中将select下拉框中一项后赋值给text文本框,出现无法将第一个下拉框的value赋值给文本框 因为select默认选中第一项..在选择第一项时,便导致无法激发onchange事件.所以无法进行赋值给文本框 解决方法. select下拉框设置第一项做一个无用的占位option <script type="text/javascript">     function changeSelect(obj) {         var _this = obj;  

jquery为select添加option的代码探讨

这是一道讨论"使用jQuery为select添加option选项的最佳代码方法".分析哪一种的写法是最佳方法.在stackoverflow上众说纷纷,下面来看看有哪些写法. 第一种使用for循环 var selectValues = { "1": "test 1", "2": "test 2" }; for (key in selectValues) { if (typeof (selectValues[k

仿jquery mobile中的select控件效果

不说废话,直接上代码,最好将on.png和off.png也使用jquery mobile里的图片 //仿jQuery mobile Select控件 //用法box为容器id,_id指控件id,selectvalue为选中值,Value为当前值 function SelectBox(box,_id,selectvalue,Value) { if(Value != selectvalue) { $("#" + box).html("<input type=hidden v