js動態改變select選擇變更option的index值示例_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:25:09
js動態改變select選擇變更option的index值示例_javascript技巧
js動態改變select選擇變更option的index值示例_javascript技巧: document.getElementById(louyuming).options[0].selected=true; function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i Javascript 操作select是表單中常見的一種,今天刪除多個select值的時候出現了問題,搞了半天原來是索引引起的(即刪除的時候要從索引大的開始刪,
導讀js動態改變select選擇變更option的index值示例_javascript技巧: document.getElementById(louyuming).options[0].selected=true; function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i Javascript 操作select是表單中常見的一種,今天刪除多個select值的時候出現了問題,搞了半天原來是索引引起的(即刪除的時候要從索引大的開始刪,

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 代碼
整個實例的完整代碼如下:
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
js動態改變select選擇變更option的index值示例_javascript技巧
js動態改變select選擇變更option的index值示例_javascript技巧: document.getElementById(louyuming).options[0].selected=true; function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i Javascript 操作select是表單中常見的一種,今天刪除多個select值的時候出現了問題,搞了半天原來是索引引起的(即刪除的時候要從索引大的開始刪,