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

Javascript
IE Firefox 使用自定义标签的区别
Javascript 圆角div的实现代码
js 获取网络图片的高度和宽度的实现方法(变通了下)
JavaScript 对象成员的可见性说明
JQuery困惑—包装集 DOM节点
JavaScript 三种创建对象的方法
半角全角相互转换的js函数
显示js对象所有属性和方法的函数
实现JavaScript中继承的三种方式
JavaScript 函数式编程的原理
JavaScript 定义function的三种方式小结
JavaScript 基于原型的对象（创建、调用）
层序遍历在ExtJs的TreePanel中的应用
将jQuery应用于login页面的问题及解决
document.onreadystatechange事件的用法分析
JS 仿Flash动画放大/缩小容器
javascript 定时自动切换的选项卡Tab
图片友情链接滚动 横向,带控制按钮
简单的加密css地址防止别人下载你的CSS文件的方法
图片与JavaScript配合做出个性滚动条

No. « 262 263 264 265 »

技术文章搜索

关键字

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

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