jQuery处理select元素常用技巧汇总包含哪些情形？

本文共计791个文字，预计阅读时间需要4分钟。

本例介绍了jQuery操作select常见方法。分享给家长参考，如下：

在HTML页面设计select下拉框，或当multiple=multiple时，表现为列表。通常会在页面对其进行操作，如：

- 使用$.each()遍历select选项，如：$.each($(#selectId option), function() { ... });- 通过选择器选择特定选项，如：$(#selectId option[value='value']).prop(selected, true);- 设置select选中项，如：$(#selectId).val(value);- 获取select选中值，如：var value=$(#selectId).val();- 删除select选项，如：$(#selectId option[value='value']).remove();

本文实例讲述了jquery操作select常见方法。分享给大家供大家参考，具体如下：

在前段HTML页面设计中select 下拉框，或者 在 multiple="multiple" 时，表现为列表。经常会在页面上对其进行操作，这些操作不外乎：

1. 得到选中的 select 的 option 的值或者text.
2. 删除选中的 select 的 option.
3. 向select中增加新的option.
4. 得到select option 长度，也就是个数size
5. 清空select.
6. 两个select 框之间互相添加删除，从左边到右边，从右边到左边的操作，通常是多选情况。