当前位置: 首页 > 编程笔记 >

JQuery select(下拉框)操作方法汇总

萧亦
2023-03-14
本文向大家介绍JQuery select(下拉框)操作方法汇总,包括了JQuery select(下拉框)操作方法汇总的使用技巧和注意事项,需要的朋友参考一下

1. 获取选中项:
获取选中项的Value值:


$('select#sel option:selected').val();


或者

$('select#sel').find('option:selected').val();


获取选中项的Text值:

$('select#seloption:selected').text();


或者

$('select#sel').find('option:selected').text();


2.   获取当前选中项的索引值:

$('select#sel').get(0).selectedIndex;


3.   获取当前option的最大索引值:

$('select#sel option:last').attr("index")


4.   获取DropdownList的长度:

$('select#sel')[0].options.length;


或者

$('select#sel').get(0).options.length;


5.  设置第一个option为选中值:

$('select#sel option:first').attr('selected','true')


或者

$('select#sel')[0].selectedIndex = 0;


6.   设置最后一个option为选中值:

$('select#sel option:last).attr('selected','true')


7.   根据索引值设置任意一个option为选中值:

$('select#sel')[0].selectedIndex =索引值;索引值=0,1,2....


8.   设置Value=4 的option为选中值:

$('select#sel').attr('value','4');


或者

$("select#sel option[value='4']").attr('selected', 'true');


9.   删除Value=3的option:

$("select#sel option[value='3']").remove();


10.删除第几个option:

$(" select#sel option ").eq(索引值).remove();索引值=0,1,2....


如删除第3个Radio:

$(" select#sel option ").eq(2).remove();


11.删除第一个option:

$(" select#sel option ").eq(0).remove();


或者

$("select#sel option:first").remove();


12. 删除最后一个option:

$("select#sel option:last").remove();


13. 删除dropdownlist:

$("select#sel").remove();


14.在select后面添加一个option:

$("select#sel").append("<option value='6'>f</option>");


15. 在select前面添加一个option:

$("select#sel").prepend("<option value='0'>0</option>");


16. 遍历option:

$(' select#sel option ').each(function (index, domEle) {

//写入代码

});

 类似资料:
  • 本文向大家介绍jquery操作复选框checkbox的方法汇总,包括了jquery操作复选框checkbox的方法汇总的使用技巧和注意事项,需要的朋友参考一下 本文实例汇总了jquery操作复选框checkbox的方法。分享给大家供大家参考。具体分析如下: jquery判断checked的三种方法: jquery赋值checked的几种写法: 所有的jquery版本都可以这样赋值: jquery1

  • 本文向大家介绍jquery操作select方法汇总,包括了jquery操作select方法汇总的使用技巧和注意事项,需要的朋友参考一下 本文实例汇总了jquery操作select的方法。分享给大家供大家参考。具体如下: jQuery获取Select选择的Text和Value:      语法解释: jQuery设置Select选择的Text和Value:       语法解释: jQuery添加/

  • 本文向大家介绍jQuery操作select下拉框的text值和value值的方法,包括了jQuery操作select下拉框的text值和value值的方法的使用技巧和注意事项,需要的朋友参考一下 1、jquery获取当前选中select的text值 var checkText=$("#slc1").find("option:selected").text(); 2、jquery获取当前选中sele

  • 本文向大家介绍Node.js文件操作方法汇总,包括了Node.js文件操作方法汇总的使用技巧和注意事项,需要的朋友参考一下 Node.js和其他语言一样,也有文件操作。先不说node.js中的文件操作,其他语言的文件操作一般也都是有打开、关闭、读、写、文件信息、新建删除目录、删除文件、检测文件路径等。在node.js中也是一样,也都是这些功能,可能就是api与其他语言不太一样。 一、同步、异步打开

  • 本文向大家介绍PHP文件操作方法汇总,包括了PHP文件操作方法汇总的使用技巧和注意事项,需要的朋友参考一下 在data文件中写入数据: 写入成功后可以在页面看到“OK” 接下来读取data文件里的数据 如果有多行数据该怎么读取? 方法一 while: 方法二 file_get_contents(): 以上所述就是本文的全部内容了,希望大家能够喜欢。

  • 本文向大家介绍jQuery Select下拉框操作小结(推荐),包括了jQuery Select下拉框操作小结(推荐)的使用技巧和注意事项,需要的朋友参考一下 jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var check