html-datalist

0熱度

1回答

我有一個包含世界各城市的數據庫表。總而言之，有超過10萬個條目。用戶應該通過輸入文本字段和數據列表中的一個條目進行選擇。現在我通過PHP填充數據列表選項： <input type='text' list='location' placeholder='Location'> <datalist id='location'> <?php include("query.php");

0熱度

1回答

無法在數據列表

的代碼如下取物品的價值： HTML部分： <div style="display:table-cell;" id="page-wrapper" > <label for="default">Search for GST : </label> <input type="text" id="default" list="widget_for" placeholder="Type to searc

1熱度

1回答

動態HTML行，其中包含與動態行級聯的列表項目

我在想，如果你們中的任何人都可以幫我解決我遇到的問題。基本上，我有一個表，它有一個按鈕來添加索引從0到最後一個行號的動態行。我加了JS提琴在這裏：jsfiddle.net/mfbcvprc/4 我所尋找的，是當一個新的錶行添加到動態表，在下拉菜單中是存在於表的第一行被複制，以便可以在已添加的下一個新行中使用。會有人親切地能夠告訴我一個如何做到這一點的例子嗎？在這個階段，我已經用盡了Javasc

0熱度

1回答

如何使我的第一個元素在數據列表過濾結果，被自動

選擇以下是我的代碼： <input required class="input form-control" type="text" ng-model="select.mySelect" list="bloodgroups" placeholder="Select Blood Group"> <datalist id="bloodgroups" > <option ng-repeat="

0熱度

2回答

jQuery：設置datalist的值？

<input list="countries" type = 'text' id='country'> <datalist id="countries"> <option data-value='1' value='India'></option> <option data-value='2' value='USA'></option> <option data-v

0熱度

1回答

自定義datalist - 選項在選擇前消失

我準備了以下代碼以進行實時搜索。在輸入焦點上，出現可用選項列表。在輸入模糊時，選項消失。這是我的問題。當您單擊列表中的項目時，輸入會失去焦點，並且在點擊事件發生之前列表消失。 var artists = [{"artist":"3 Doors Down"},{"artist":"5 Seconds of Summer"},{"artist":"Adele"},{"artist":"Alicia K

1熱度

2回答

自動完成下拉菜單沒有jQuery鏈接

我想使用HTML5 datalist屬性，沒有JQuery的自動完成下拉菜單。但是我希望每個建議在被選中時都會轉到特定的鏈接（或者按下回車鍵，進入第一個建議）。我有現在的問題是： <form action="www.site.com/search?q=" method="get"> <input name="q" type="text" id="txtAutoComplete" list="

9熱度

2回答

如何使Datalist箭頭始終可見

我試圖讓datalist列表元素始終可見。作爲集中失敗後的標準，箭頭消失。我想有它總是這樣：這裏是plunker：https://plnkr.co/edit/?p=preview <input list="browsers" name="myBrowser" /> <datalist id="browsers"> <option value="Chrome">

9熱度

4回答

設置隱藏的datalist選項值

在下面的代碼片段中，我有兩種方法來選擇一個項目：使用datalist進行輸入和使用選項進行傳統選擇。 select元素將隱藏選項值，我們仍然可以通過this.value得到它。但是，使用數據列表時，實際顯示的值和該選項的文本內容顯示爲輔助標籤。我想要的是輸入+ datalist方法的行爲與傳統select相似，其中「Foo」和「Bar」顯示爲選項分別具有「1」和「2」值時的選項。我還添加了重複

1熱度

1回答

如何使用Ajax和HTML結構來回顯自動填充選項？

我想創建一個自動填充搜索框。它會得到一個JSON並將它們發送到<option> s的HTML5 <datalist>。它工作正常，但它不能在值中使用空格！所以它只是返回第一個單詞。例如，如果jresults.name是「放手」 - 我只能得到「讓」。這樣做的最佳方法是什麼？這部分：$("#prod_name_list").children().remove();阻止我從列表中選擇一個選項。因