小編給大家分享一下jQuery如何刪除select選項,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供井研企業(yè)網(wǎng)站建設,專注與成都網(wǎng)站制作、網(wǎng)站建設、外貿(mào)網(wǎng)站建設、H5響應式網(wǎng)站、小程序制作等業(yè)務。10年已為井研眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站設計公司優(yōu)惠進行中。刪除方法:首先使用jQuery選擇器從select中選擇需要刪除的options元素選項,然后使用JQuery的remove()方法從HTML文檔中刪除該選項即可,語法“$(selector).remove()”。
jQuery刪除select選項的示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body style="text-align:center;" id="body"> <p style="font-size: 15px; font-weight: bold;">單擊按鈕,從select選擇框中刪除選項</p> <select> <option value="val_1"> Val_1</option> <option value="val_2"> Val_2</option> <option value="val_3"> Val_3</option> <option value="val_4"> Val_4</option> </select> <br> <br> <button> 單擊 </button> <p id="Text" style="color: green;font-size: 24px;font-weight: bold;"></p> <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> <script> $('button').on('click', function() { $("option[value='val_1']").remove(); $('#Text').text('值為val_1的選項已刪除!'); }); </script> </body> </html>
remove()方法用于法移除被選元素,包括所有的文本和子節(jié)點。該方法也會移除被選元素的數(shù)據(jù)和事件。
語法
$(selector).remove()
以上是“jQuery如何刪除select選項”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)頁題目:jQuery如何刪除select選項-創(chuàng)新互聯(lián)
網(wǎng)址分享:http://vcdvsql.cn/article6/ccehog.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供服務器托管、關鍵詞優(yōu)化、App開發(fā)、網(wǎng)站改版、Google、網(wǎng)站設計公司
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)