当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery 操作下拉列表框实现代码

Javascript
javascript function、指针及内置对象
Javascript 同时提交多个Web表单的方法
用jQuery简化JavaScript开发分析
Javascript静态分页(多个资料，静态自动分页)
JavaScript 调试器简介
JavaScript 判断浏览器类型及版本
javascript eval函数深入认识
一个写得较好的JavaScript日期挑选控件
JavaScript基本概念初级讲解论坛贴的学习记录
javascript web对话框与弹出窗口
input、button的不同type值在ajax提交表单时导致的陷阱
javascript 密码强弱度检测万能插件
javascript 特殊字符串
Javascript动态伸缩+淡出淡入
javascript URL锚点取值方法
jQuery Div中加载其他页面的实现代码
javascript 文档的编码问题解决
escape、encodeURI 和 encodeURIComponent 的区别
[推荐]javascript 面向对象技术基础教程
js 页面执行时间计算代码

No. « 127 128 129 130 »

技术文章搜索

关键字

Javascript 中的 jQuery 操作下拉列表框实现代码

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-02-27   浏览: 485 ::
收藏到网摘: n/a

操作下拉列表框的jquery代码，方便学习jquery的朋友。 <select name="select1" id="select1" size="10">
<option value="1">Option1</option>
<option valeu="2">Option2</option>
<option value="3">Option3</option>
<option value="4">Option4</option>
</select>
1. 取得jQuery对象
obj = $('#select1');
2. 取得Options 的长度
len = $('#select1 option').length
3. 遍历option
for (var i = 0; i < len; i++) {
option_value = obj[0].options[i].value;
option_text = obj[0].options[i].text;
}
4. 取得所选值
obj_value = $('#select1').val();
5. 取得所选值对应的text
obj_text = obj[0].options[obj[0].selectedIndex].text;
6. 添加一个option
obj.append('<option value="5">Option5</option>');
7. 删除一个option
$('#select1 option[value="1"]').remove();