[英]HTML datalist hide option from list
我試圖從數據列表中隱藏一個選項(我不是試圖隱藏用戶輸入)。 我嘗試添加隱藏屬性,但它仍然顯示在下拉列表中。 還顯示:無似乎不起作用。 我可以使用 javascript / jquery。 隱藏 select 選項的工作方式如下:
mySelect.find('option[value='+something+']').prop('selected', false).hide()
<input list="test"> <datalist id="test"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome" hidden> <option value="Opera"> <option value="Safari"> </datalist> <input list="a"> <datalist id="a"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome" style="display:none;"> <option value="Opera"> <option value="Safari"> </datalist>
<option>
可以使用disabled
屬性從列表中省略。
document.getElementById('toggle').addEventListener('change', (e) => { let opt = document.querySelector('option[value=Chrome]') opt.toggleAttribute('disabled', e.target.checked) })
<input list="test" /> <datalist id="test"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome" disabled> <option value="Opera"> <option value="Safari"> </datalist> <label> <input checked type="checkbox" id="toggle" /> disable Chrome <labe>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.