JavaScript操作select

最新推荐文章于 2024-07-15 03:14:56 发布

原创最新推荐文章于 2024-07-15 03:14:56 发布 · 933 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #delete

JavaScript 同时被 2 个专栏收录

12 篇文章

订阅专栏

Web

11 篇文章

订阅专栏

本文介绍了一组实用的JavaScript函数，用于操作HTML页面中的下拉框元素，包括检查选项是否存在、重置下拉框状态、获取选定的文本或值、设置选中项以及增删选项等。

// if exist option function existItem(id,value){ var select = document.getElementById(id); for(var i=1;i<select.options.length;i++){ if(select.options[i].value==value){ return true; } } return false; } // reset select function resetSelect(id) { var select = document.getElementById(id); select.options.length = 1; } // get selected index function getSelectedIndex(id) { var select = document.getElementById(id); return select.selectedIndex; } // get selected text function getSelectedText(id) { var select = document.getElementById(id); return select.options[select.selectedIndex].text; } // get selected value function getSelectedValue(id) { var select = document.getElementById(id); return select.value; } // set option selected function setSelectedItem(id, value) { var select = document.getElementById(id); select.value = value; } // delete selected option function deleteSelectedItem(id) { var select = document.getElementById(id); for(var i=1;i<select.options.length;i++){ if(select.options[i].selected){ select.remove(i); } } } // delete some options function deleteItem(id,values){ var select = document.getElementById(id); for(var i=0;i<values.length;i++){ for(var j=1;j<select.options.length;j++){ if(values[i]==select.options[j].value){ select.remove(j); } } } } // add option function addItem(id,text,value){ var select = document.getElementById(id); var option=new Option(text,value); select.options.add(option); }