Jquery自动完成不使用选择更新输入值

我正在尝试使用jquerys着名的自动完成创建一个自动完成字段,并通过从mysql数据库创建一个数组。 它完美地工作但是在进行选择时,输入字段值不会更新,因此我无法从表单中传递值。 有人可以帮我吗?</ p>

JQUERY:</ p>

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

&lt; / script&gt;
&lt;?php echo keywordArray(); ?&gt;
</ code> </ pre>

PHP :(创建自动完成的数组列表)</ p>

 &lt;?php 
include 'admin / dbconn-dest.php';

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

$ output ='&lt ; script&gt;'。“
”;
$ output。='var keywordList = [';

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

$ output = substr($ output,0,-1); //摆脱尾随的逗号
$ output。='];'。“
”;
$ output。='&lt; / script&gt;';
返回$ output;
}
? &gt;
</ code> </ pre>

HTML:</ p>

 &lt; input id =“keywords”name =“keywords”type =  “text”autocomplete =“off”size =“40”&gt; 
</ code> </ pre>

任何帮助都将不胜感激!!! </ p>
</ div >

展开原文

原文

I am trying to create an autocomplete field with jquerys famous autocomplete and by creating an array from mysql database. It works perfectly but when a selection is made, the input field value is not updated, therefore I am not able to pass the value from the form. Can someone help me here?

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: (to create array list for autocomplete)

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

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

  $output = '<script>'."
";
  $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 .= '];'."
";
  $output .= '</script>';
  return $output;
}
?>

HTML:

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

Any help would be greatly appreciated!!!

dongzhuo2371
dongzhuo2371 你能发一个证明这个问题的小人吗?
8 年多之前 回复

2个回答



使用select 事件</ code>设置输入框的值</ p>

< pre> $(“#keywords”)。autocomplete({
source:keywordList,
select:function(event,ui){
$(“#keywords”)。val(ui.item.value );
}
});
</ code> </ pre>
</ div>

展开原文

原文

Use the select event to set the value of the input box

$("#keywords").autocomplete({
    source: keywordList,
    select: function (event, ui) {
                         $("#keywords").val(ui.item.value);                       
                     }  
  });



这是一个已知问题。 尝试使用选择第一个插件。 这应该为你做的工作(至少它在我的情况下工作得很好)</ p>

希望有所帮助。</ p>
</ div>

展开原文

原文

This is a known issue. Try using Select First plugin. This should do the job for you (At least it worked perfectly fine in my case)

Hope that helps.

立即提问
相关内容推荐