亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何使用JS刪除下拉列表中的選定值副本?

如何使用JS刪除下拉列表中的選定值副本?

鴻蒙傳說 2022-12-09 15:23:18
有很多如何做到這一點的例子,但我想要的是不同的:我想保留所選項目但刪除所選項目的副本。因此該下拉列表僅包含選定值而不包含其他實例。這是示例:<label for="cars">Choose a car:</label><select name="cars" id="cars">    <option value="volvo">Volvo</option>    <option value="saab">Saab</option>    <option value="opel">Opel</option>    <option value="audi">Audi</option>    <option value="volvo">Volvo</option></select>這將刪除所選值的所有實例:$('#cars[value="volvo"]').remove();但我需要保留選中的“沃爾沃”。有人能幫我嗎?更新:這是圖:如您所見,我們有兩輛沃爾沃,我們可以只保留選定的那輛嗎?
查看完整描述

1 回答

?
ITMISS

TA貢獻1871條經驗 獲得超8個贊

此腳本用于刪除第一個選項的重復項。


$('#cars option[value="'+$('#cars').val()+'"]:not(:first-child)').remove();

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label for="cars">Choose a car:</label>

<select name="cars" id="cars">

  <option value="volvo">Volvo</option>

  <option value="saab">Saab</option>

  <option value="opel">Opel</option>

  <option value="audi">Audi</option>

  <option value="volvo">Volvo</option>

</select>


查看完整回答
反對 回復 2022-12-09
  • 1 回答
  • 0 關注
  • 132 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號