可搜索的下拉列表

我想在我的網站下拉列表上方做一個搜索輸入框，介意告訴我如何創建一個可搜索的下拉列表？可搜索的下拉列表

echo "<td>"; 
echo "<select name='customer_name' style='width: 300px;'>"; 
$sql = mysql_query("select * from master_add where tipe = 'customer'"); 
while ($r = mysql_fetch_array($sql)) 
{ 
    echo "<option value='$r[desc1]'>$r[desc2]</option>"; 
} 
echo "</select>"; 
echo "</td>";

來源

2017-06-02 R.Bruning

了jQuery，JavaScript中，阿賈克斯將爲此 –

無關，與PHP太大的幫助。 – Enstage

使用模板，孩子。 –

有兩種解決方法：

PHP - >您提交的研究價值，它動態地創建您的菜單。如果您的下拉菜單非常大或者在開始時不打印所有可能的結果，那就太好了。
JS - >你需要調用你的輸入的提交/按鍵動作功能。然後，您可以像在php中一樣重新編寫新菜單（仍然是js風格），或者隱藏/顯示您所需的元素。

然而，由於研究的泄漏，你的問題似乎並不受歡迎：你不能只問「我該怎麼做」，你需要展示使用真實的代碼，所以我們可以幫助你，而不是它適合你。

來源

2017-06-02 07:47:40

事實上，我不需要你的代碼，只是告訴我的邏輯。但謝謝你的答案兄弟:) –

您可以嘗試silviomoreto/bootstrap-select來構建您的可搜索下拉列表。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"> 
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/css/bootstrap-select.min.css"> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.2/js/bootstrap-select.min.js"></script> 

<select class="selectpicker" data-live-search="true"> 
    <option>Mustard</option> 
    <option>Ketchup</option> 
    <option>Barbecue</option> 
</select>

JSFiddle Demo

見https://silviomoreto.github.io/bootstrap-select/examples/#live-search

來源

2017-06-08 06:52:30

可搜索的下拉列表

回答

相關問題