Как я могу сделать Autocomplete похожим на Dropdown?

Я выполнил управление автозаполнением, как показано ниже.Как я могу сделать Autocomplete похожим на Dropdown?

var PrimaryPhy = <?php include('getdata.php'); ?>; 
     $("#PatientID").autocomplete({ 
      source: PrimaryPhy, 
      autoFocus:true 
     });

getdata.php

<?php 

$con = mysql_connect("localhost","***","***"); 

if(!$con){ 
die("Error : ".mysql_error()); 
} 

mysql_select_db("DBname",$con); 

$patient_info = array(); 
$result = mysql_query("select * from tablename"); 
while($row = mysql_fetch_array($result)){ 
$patient_info[] = $row['Name']; 
} 
echo json_encode($patient_info); 

?>

Вот я принес всю информацию имени всех записей из таблицы. Но я хотел сделать, как Dropdown с параметрами. Например:

<option value="1">Item 1</option>

Точно так же я должен принести первичный идентификатор ключа таблицы в качестве значения для этого элемента. Как я могу это достичь?

А также Если я поставлю еще один элемент управления автозаполнением рядом с этим элементом управления, как я могу сделать этот первый выход автозаполнения в качестве входа во второй вход автозаполнения?

источник

2016-01-19 Anandharaman Buvaneswaran

Вы хотите разместить их, и по этой причине вы хотите объявить их как параметры? – meysam

Для этого вам нужно будет сделать ajax-вызов. у вас есть json-объект, поэтому вы можете создать раскрывающийся список с помощью jQuery/javascript и нажать все значения, используя каждый цикл –

См. эту ссылку, если это поможет: http://selectize.github.io/selectize.js/ –

Вы можете сделать это <datalist>.

Элемент <datalist>, новое дополнение в спецификации HTML5, позволяет разработчикам создавать собственные всплывающие окна автозаполнения для своих веб-приложений.

<datalist> элемента используется для указания всех возможных значений для списка автозавершения, как показано ниже:

<datalist id="languages"> 
    <option value="HTML"> 
    <option value="CSS"> 
    <option value="JavaScript"> 
</datalist>

Для подробного примера, вы можете проверить here

источник

2016-01-19 06:01:48

Как я могу сделать Autocomplete похожим на Dropdown?

ответ

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