当前位置:Gxlcms > JavaScript > js动态改变select选择变更option的index值示例_javascript技巧

js动态改变select选择变更option的index值示例_javascript技巧

时间:2021-07-01 10:21:17 帮助过:1人阅读

Javascript 操作select是表单中常见的一种,今天删除多个select值的时候出现了问题,搞了半天原来是索引引起的(即删除的时候要从索引大的开始删,然后再 删除索引小的,否则删除了索引小的后索引大的索引就变化了,再删除时就会出现问题--问题的关键是for循环是要从大到小,而不是常规的从0到 length)

1判断select选项中 是否存在Value="paraValue"的Item
2向select选项中 加入一个Item
3从select选项中 删除一个Item
4删除select中选中的项
5修改select选项中 value="paraValue"的text为"paraText"
6设置select中text="paraText"的第一个Item为选中
7设置select中value="paraValue"的Item为选中
8得到select的当前选中项的value
9得到select的当前选中项的text
10得到select的当前选中项的Index
11清空select的项

======================================================================

动态删除select中的所有options:

动态删除select中的某一项option:

动态添加select中的项option:

上面在IE和FireFox都能测试成功,希望以后可以用上。

===========================================

js 代码

整个实例的完整代码如下:

人气教程排行