Jquery操作下拉框(DropDownList)实现取值赋值
jQuery 实现 操作 赋值 取值 下拉框 DropDownList
2023-06-13 09:15:04 时间
1.获取选中项:
复制代码代码如下:
获取选中项的Value值:
$("select#seloption: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#seloption:last").attr("index")
4.获取DropdownList的长度:
$("select#sel")[0].options.length;
或者
$("select#sel").get(0).options.length;
5.设置第一个option为选中值:
$("select#seloption:first").attr("selected","true")
或者
$("select#sel")[0].selectedIndex=0;
6.设置最后一个option为选中值:
$("select#seloption:last).attr("selected","true")
7.根据索引值设置任意一个option为选中值:
$("select#sel")[0].selectedIndex=索引值;索引值=0,1,2....
8.设置Value=4的option为选中值:
$("select#sel").attr("value","4");
或者
$("select#seloption[value="4"]").attr("selected","true");
9.删除Value=3的option:
$("select#seloption[value="3"]").remove();
10.删除第几个option:
$("select#seloption").eq(索引值).remove();索引值=0,1,2....
如删除第3个Radio:
$("select#seloption").eq(2).remove();
11.删除第一个option:
$("select#seloption").eq(0).remove();
或者
$("select#seloption:first").remove();
12.删除最后一个option:
$("select#seloption:last").remove();
13.删除dropdownlist:
$("select#sel").remove();
14.在select后面添加一个option:
$("select#sel").append("f");
15.在select前面添加一个option:
$("select#sel").prepend("0");
16.遍历option:
$("select#seloption").each(function(index,domEle){
//写入代码
});
相关文章
- Jquery实现文章页侧边栏随动滑动
- jquery实现比较靠谱的手风琴代码详解编程语言
- jquery实现的全选和反选
- jQuery-ui中自动完成实现方法
- JQuery的Validation插件中Remote验证的中文问题
- jquery插件之easing使用
- jQuery常见操作实现方式和常用函数方法总结
- JQuery里选择超链接的实现代码
- 简单的jquery拖拽排序效果实现代码
- jQuery源码分析-02正则表达式RegExp常用正则表达式
- jQuery链式操作如何实现以及为什么要用链式操作
- jQuery仿Excel表格编辑功能的实现代码
- JQuery中关于jquery.js与jquery.min.js的比较探讨
- jQuery.fn和jQuery.prototype区别介绍
- 简单的代码实现jquery定时器
- jquery+ajax+C#实现无刷新操作数据库数据的简单实例
- jquery实现省市select下拉框的替换(示例代码)
- jquery实现的网页自动播放声音
- jQuery实现回车键(Enter)切换文本框焦点的代码实例
- php+jQuery.uploadify实现文件上传教程
- javascript原生和jquery库实现iframe自适应高度和宽度
- jQuery实现返回顶部功能适合不支持js的浏览器
- jQuery实现倒计时按钮功能代码分享