下拉框中選項的快速定位

2022-02-06 09:23:50 字數 838 閱讀 2805

對於選項很多的下拉框,人工定位到想要的專案是很費勁的。瀏覽器其實原生支援下拉選擇框根據鍵盤輸入自動定位到相應條目的。

通過輸入條目字母定位到下拉框中條目的位置

方便是方便,有個問題是連續輸入不能間隔太久,這個間隔實測中感受是非常短的,如果想找的條目比較難輸入,就無法在短時間內完成這個操作。

那有沒有相應 api 修改這個間隔時間呢?不能,至少我還沒找到。

其實 html5 中提供了另外乙個元素,。用它結合乙個文字輸入框可實現 combo box 的效果,即根據輸入自動篩選列表中的元素。

type="text"

id="names"

list="namelist"

/>

id="namelist"

>

value="larhonda trentham"

>larhonda trenthamoption>

value="nicola madigan"

>nicola madiganoption>

...datalist>

建立元素並指定id值,同時將候選項放入作為其子元素。然後為輸入框指定list屬性,值便是id

通過輸入條目字母定位到下拉框中條目的位置

ie10+ 可安心食用,詳情參見 mdn 的資料。

extjs 下拉框增加空選項

資料字典下拉控制項 ext.ns uc uc.cbodic function config listeners var rs new ext.data.record data store.insert 0 rs store storedic,triggeraction all querymode l...

selenium定位select下拉框元素

option value 1 請選擇型別 option value 3 支付寶 select 獲取方法 先定位select元素再定位下拉框中option的下標,定位需要的下拉框值。示例如下 webelement sourcecategory chrome.findelement by.id sels...

利用js取到下拉框中選擇的值

現在的需求是 下拉框中要是選擇加盟商讓其繼續選擇學校,要是選擇平台管理員則不需要選擇學校。隱藏選擇下拉列表。平台角色 public enum administratorrole html.labelfor x x.administratorrole,new html.enumdropdownlist...