2016-02-17 2 views
1

Кто-нибудь знает, как отображать список предложений в форме php/html?Показать список предложений по html-форме

Я не знаю названия. но я знаю.

, например: http://www.brandedwatch.co.id/shopping-cart

при заполнении формы Kota tujuan (город) на сайте THATS.

Если вы заполните jakarta на форме, то отобразится список simillar в jakarta word из базы данных.

как отобразить это, если мой код:

<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>

Смежные вопросы