2

有名なオートコンプリートであるjquerysを使用して、mysqlデータベースから配列を作成することにより、オートコンプリートフィールドを作成しようとしています。完全に機能しますが、選択しても入力フィールドの値が更新されないため、フォームから値を渡すことができません。誰かがここで私を助けてくれますか？

JQUERY：

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css " type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js " type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js " type="text/javascript"></script>
<script>
$(document).ready(function() {
  $("#keywords").autocomplete({
    source: keywordList
  });
});

</script>
<?php echo keywordArray(); ?>

PHP :(オートコンプリート用の配列リストを作成するため）

<?php
include 'admin/dbconn-dest.php';

function keywordArray()
{
  $rsKeywords = mysql_query("SELECT Destination FROM Destinations WHERE Country = 'Mexico'");

  $output = '<script>'."\n";
  $output .= 'var keywordList = [';

  while($row_rsKeywords = mysql_fetch_assoc($rsKeywords))
  {
    $output .= '"'.$row_rsKeywords['Destination'].'",';
  }

  $output = substr($output,0,-1); //Get rid of the trailing comma
  $output .= '];'."\n";
  $output .= '</script>';
  return $output;
}
?>

HTML：

<input id="keywords" name="keywords" type="text" autocomplete="off" size="40" >

どんな助けでも大歓迎です!!!

4

2 に答える 2

4

選択eventを使用して、入力ボックスの値を設定します

$("#keywords").autocomplete({
    source: keywordList,
    select: function (event, ui) {
                         $("#keywords").val(ui.item.value);                       
                     }  
  });
于 2012-04-09T00:08:44.003 に答える
1

これは既知の問題です。SelectFirstプラグインを使用してみてください。これはあなたのために仕事をするはずです（少なくとも私の場合は完全にうまくいきました）

お役に立てば幸いです。

于 2012-04-09T00:02:24.603 に答える