这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
这篇文章主要介绍了 JQuery select(下拉框)操作方法汇总, 本文讲解了获取选中项、获取当前选中项的索引值、获取当前 option 的最大索引值、获取 DropdownList 的长度等内容, 需要的朋友可以参考下
1. 获取选中项:获取选中项的 Value 值:
- $('select#sel option:selected').val();
或者
- $('select#sel').find('option:selected').val();
获取选中项的 Text 值:
- $('select#seloption:selected').text();
或者
2. 获取当前选中项的索引值:
- $('select#sel').find('option:selected').text();
3. 获取当前 option 的最大索引值:
- $('select#sel').get(0).selectedIndex;
4. 获取 DropdownList 的长度:
- $('select#sel option:last').attr("index")
- $('select#sel')[0].options.length;
或者
5. 设置第一个 option 为选中值:
- $('select#sel').get(0).options.length;
- $('select#sel option:first').attr('selected','true')
或者
6. 设置最后一个 option 为选中值:
- $('select#sel')[0].selectedIndex = 0;
7. 根据索引值设置任意一个 option 为选中值:
- $('select#sel option:last).attr('selected','true')
8. 设置 Value=4 的 option 为选中值:
- $('select#sel')[0].selectedIndex = 索引值;索引值 = 0,
- 1,
- 2....
- $('select#sel').attr('value','4');
或者
9. 删除 Value=3 的 option:
- $("select#sel option[value='4']").attr('selected', 'true');
10. 删除第几个 option:
- $("select#sel option[value='3']").remove();
- $(" select#sel option ").eq(索引值).remove();索引值 = 0,
- 1,
- 2....
如删除第 3 个 Radio:
11. 删除第一个 option:
- $(" select#sel option ").eq(2).remove();
- $(" select#sel option ").eq(0).remove();
或者
12. 删除最后一个 option:
- $("select#sel option:first").remove();
13. 删除 dropdownlist:
- $("select#sel option:last").remove();
14. 在 select 后面添加一个 option:
- $("select#sel").remove();
15. 在 select 前面添加一个 option:
- $("select#sel").append("<option value='6'>f</option>");
16. 遍历 option:
- $("select#sel").prepend("<option value='0'>0</option>");
- $(' select#sel option ').each(function (index, domEle) {
- //写入代码
- });
来源: http://www.phperz.com/article/17/0426/271779.html