我不太懂js和编程,但我卡在了一些本不应该太难的问题上。请访问测试页面:
[已删除链接]
我有三个自动完成字段:当前俱乐部、国家和职业生涯统计信息。自动完成功能对职业生涯统计信息完美地运作,在其中我还可以添加字段,而自动完成也适用于添加的字段。
但是对于当前俱乐部和国家字段,我在输入时会得到结果,但当我点击正确的输出时,它并不会显示在输入字段中。
我可以使用其他js库使其正常工作,但这样就无法为添加按钮的职业生涯统计信息字段提供支持。
我使用以下库:
当前的club html如下所示:
在自定义的 jq-ac-script.js 文件中(我最初在某个网站上找到它,但不记得是哪个网站),重要部分是:
“get_club_list.php”的代码如下:
[已删除链接]
我有三个自动完成字段:当前俱乐部、国家和职业生涯统计信息。自动完成功能对职业生涯统计信息完美地运作,在其中我还可以添加字段,而自动完成也适用于添加的字段。
但是对于当前俱乐部和国家字段,我在输入时会得到结果,但当我点击正确的输出时,它并不会显示在输入字段中。
我可以使用其他js库使其正常工作,但这样就无法为添加按钮的职业生涯统计信息字段提供支持。
我使用以下库:
<script type="text/javascript" src="js/jquery-1.6.3.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.14.custom.min.js"></script>
<script type="text/javascript" src="js/jq-ac-script.js"></script>
当前的club html如下所示:
<p>
Current club <label>:</label>
<input type="text" id="currentclub" />
</p>
在自定义的 jq-ac-script.js 文件中(我最初在某个网站上找到它,但不记得是哪个网站),重要部分是:
$(document).ready(function(){
$( "#currentclub" ).autocomplete({
source: "get_club_list.php",
minLength: 1
})
.data( "autocomplete" )._renderItem = function( ul, item ) {
return $( "<li></li>" )
.data( "item.autocomplete", item )
.append( item.currentclub )
.appendTo( ul );
};
});
“get_club_list.php”的代码如下:
<?php
include ("dbsetup.php");
$return_arr = array();
$param = $_GET["term"];
$fetch = mysql_query("SELECT * FROM FootNews_CLUB
WHERE clubShortName LIKE '%$param%'");
/* Retrieve and store in array the results of the query.*/
while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)) {
$row_array['currentclub'] = $row['clubShortName'];
array_push( $return_arr, $row_array );
}
/* Free connection resources. */
mysql_close($conn);
/* Toss back results as json encoded array. */
echo json_encode($return_arr);
?>
如果我点击选择的俱乐部时它没有显示出来,您有任何想法吗?谢谢!