Автозаполнение в выпадающем списке

Question

Автозаполнение в выпадающем списке

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

$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

0

autocomplete combobox php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

просто попробуй
кликните сюда

используя этот пример, вы свяжете свой тег option с 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.

1