2016-02-17 36 views
1

任何人都知道如何顯示php/html表單上的建議列表?html表單上的顯示建議列表

我不知道這個名字。但那我知道。

例如:http://www.brandedwatch.co.id/shopping-cart

時填寫的多數民衆贊成在現場哥打tujuan形式(市)。

如果你填寫雅加達的形式,它將顯示列表simillar從數據庫雅加達字。

如何顯示這一點,如果我的代碼:

<form action="doShip" method="post"> 
City : <input type="text" name="city"> 
</form> 

感謝

+1

像自動完成?開始城市名稱並展示可能性? –

+0

您可以使用** Jquery Auto complete **。 –

+0

以下鏈接可能會幫助您獲得整體意見 http://blog.teamtreehouse.com/creating-autocomplete-dropdowns-datalist-element http://www.w3schools.com/tags/tryit.asp?filename= tryhtml5_datalist – Resh

回答

0

看到這是工作示例的可能,這將幫助你很多

我已經使用jQuery的自動完成

$(function() { 
 
    var availableTags = [ 
 
    "ActionScript", 
 
    "AppleScript", 
 
    "Asp", 
 
    "BASIC", 
 
    "C", 
 
    "C++", 
 
    "Clojure", 
 
    "COBOL", 
 
    "ColdFusion", 
 
    "Erlang", 
 
    "Fortran", 
 
    "Groovy", 
 
    "Haskell", 
 
    "Java", 
 
    "JavaScript", 
 
    "Lisp", 
 
    "Perl", 
 
    "PHP", 
 
    "Python", 
 
    "Ruby", 
 
    "Scala", 
 
    "Scheme" 
 
    ]; 
 
    $("#tags").autocomplete({ 
 
    source: availableTags 
 
    }); 
 
});
<html lang="en"> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 

 
    <link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
 
    <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
    <script> 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <div class="ui-widget"> 
 
    <label for="tags">Tags:</label> 
 
    <input id="tags"> 
 
    </div> 
 

 

 
</body> 
 

 
</html>