2017-06-11 20 views
0

我有一個動態<datalist>與我的<input>相關聯:<option>的列表在我輸入時被修改。何時出現與<datalist>相關的下拉菜單?

問題是,儘管<datalist>中有<option>條目,但不會顯示下拉列表。

下面是一個展示:我們先從一個空的搜索字段

enter image description here

我開始鍵入一個字母,所有<option>

enter image description here

後幾個字母,一些<option>被動態刪除(以下是隻剩下一個的情況)

enter image description here

爲什麼沒有可用選項的下拉菜單始終可見?如何觸發其可見性(如果可能)?

回答

2

使用數據列表條目創建的下拉列表將動態地始終 - 並且僅顯示與您已輸入內容相匹配的條目。如果您已在該字段中輸入「ent」,則下拉列表將只包含在某個位置包含字符串「ent」的條目,例如「entry」,「gentrification」,「去」,「實體」等。如果該字段仍爲空,則下拉菜單中將顯示全部可用條目,因爲沒有字符串或字母要匹配。

+0

謝謝。我誤解了''作爲下拉列表中的內容列表。這個列表通常是靜態的,這沒有意義。現在這很清楚,我需要尋找能夠做到這一點的事情:顯示列表中所有元素的下拉列表。 – WoJ

+0

https://stackoverflow.com/questions/6865943/html-form-select-option-vs-datalist-option –

+0

@TimMorton:謝謝,但我需要一個打字區域。這是對種類的預測性搜索。 – WoJ