js html標簽select 中option 刪除除了第一行外的其他行


背景:共兩個下拉框,第一個下拉框選擇完之后,以第一個選定的值為條件返回第二個下拉框中的內容,用js中的createElement()創建,並利用appendChild()來添加進父標簽。出現意外:每次選定第一個下拉框選項后,總會在第二個下拉框中重復添加內容(子標簽),導致選項一直重復。

解決:每次選定第一個下拉框選項,此時觸發js函數,在添加子標簽之前先清楚所有子標簽,再添加,但第一個子標簽<option>標簽,需要保留,故清除出第一個<option>外所有<option>,操作如下:

$('#select option').not('option:first').remove(); //select為下拉框的id ,option為它的子標簽

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM