2014-11-21 5 views
0

У меня есть combobox с заполненной информацией (заполненной mysql_query), я хочу добавить автозаполнение.Autocomplete combobox в PHP

$urun_bul=""; 

$sorgug = mysql_query("SELECT x FROM y order by z asc"); 

while($yyy = mysql_fetch_array($sorgug)) 

{ 

$urun_bul.='<option value="'.$yyy["urun_id"].'">'.$yyy["urun_kodu"].' - '.$yyy["urun_adi"].'</option>'; 

} 

Затем печатает $ urun_bul

+1

У вас возникли вопросы? –

+0

У вас есть поле со списком, и вы хотите автозаполнение? Это не имеет смысла. – Pupil

+0

Попробуйте http://jqueryui.com/autocomplete/ – Pupil

ответ

1

просто попробовать click here

вы связать свой вариант тег с MySQL, используя этот пример ...

ИЛИ

Пример :

файл index.php

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title></title> 
    <link rel="stylesheet" href="chosen.css"> 
    <style type="text/css" media="all"> 
    /* fix rtl for demo */ 
    .chosen-rtl .chosen-drop { left: -9000px; } 
    </style> 
</head> 
<body> 
    <form> 
    <div id="container"> 
     <div id="content"> 

     <div class="side-by-side clearfix"> 
     <?php mysql_connect("hostname","username","password"); mysql_select_db("database_name"); ?> 

     <div> 
      <em>Select option with DB using autocomplete</em> 
      <select data-placeholder="Choose a Country..." class="chosen-select" style="width:350px;" tabindex="2"> 
      <option value=""></option> 
      <?php $sorgug = mysql_query("SELECT x FROM y order by z asc"); 
       while($yyy = mysql_fetch_array($sorgug)){ 
      ?> 
       <option value="<?php echo $yyy["urun_id"]; ?>"><?php echo $yyy["urun_kodu"].' - '.$yyy["urun_adi"]; ?></option> 
      <?php } ?> 
      </select> 
     </div> 
     </div> 

    </div> 
    </div> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script> 
    <script src="chosen.jquery.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    var config = { 
     '.chosen-select'   : {}, 
     '.chosen-select-deselect' : {allow_single_deselect:true}, 
     '.chosen-select-no-single' : {disable_search_threshold:10}, 
     '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'}, 
     '.chosen-select-width'  : {width:"95%"} 
    } 
    for (var selector in config) { 
     $(selector).chosen(config[selector]); 
    } 
    </script> 
    </form> 

</body> 
</html> 

скопировав chosen.css и chosen.jquery.js файлов из загруженного кода из выше ссылки и прошлого в папку, где ваш файл index.php является местонахождение ,

+0

Точно так, в стандартном выборе –

+0

как я его свяжу? –

+1

сначала скачать демо отсюда [ссылка] (https://github.com/harvesthq/chosen/releases) для загрузки нажмите на ** selected_v1.2.0.zip ** затем удалите код, который вам не нужен –