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

Javascript
打开windows运行对话框的js
[原创]保存的js无法执行的解决办法
可以关闭计算机的js脚本
JavaScript中void(0)的具体含义解释
javascript编程起步（第三课）
javascript第一课
javascript里的条件判断
setTimeout和setInterval的浏览器兼容性分析
js实现图片等比缩略显示 支持IE/FF
特殊数据的js四舍五入问题
求解开jscript.encode代码的asp函数
用javascript实现“闪动”标题栏
用javascript实现记录来宾姓名的代码
[JS]实现动态增加框架！未完成
用js一招破解所有网页的加密源代码的方法
窗口没有提示自动关闭的js代码
解决远程页面抓取中的乱码问题？
如何实现从照片中裁切自已的肖像呢？
参考：关于Javascript中实现暂停的几篇文章
Javascript中暂停功能的实现代码

No. « 50 51 52 53 »

技术文章搜索

关键字

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

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2010-02-27   浏览: 363 ::
收藏到网摘: 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();