单击时如何将自动完成 jQuery-UI 处的元素移动到输入类型文本中

Question

我尝试使用 jQuery-UI 将自动完成的文本移动到输入类型的文本中。我只需单击自动完成文本并将其移至输入即可。

insert.php

<!DOCTYPE html>
<html>
<head>
 <title> Home Page </title>
 <link rel='stylesheet' type='text/css' href='style.css'>
 <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> 
 <link rel="stylesheet" href="jqueryui.css">
</head>
<body>
<?php
echo"
 <form id='form1' enctype='multipart/form-data' action='simpanpage.php' method='post'>

  Label : <input type=text name=label id=label> <input type=submit value=save>

 </form> 
";
?>

<script>
$( "#label" ).autocomplete({
 source: "searchlabel.php",
 minlength: 1,
 select: function( event, ui ) {
   log( ui.item ?
   "Selected Label: " + ui.item.value :
   "Nothing selected, input was " + this.value );
 }
});
</script>
</body>
</html>

searchlabel.php

<?php 

include 'koneks.php';     

$dba = new database;

$dba->connectMYSQL(); 

$arr = array();

if(isset($_GET['term']))
{
    $term = $_GET['term'];

    $query2 = "SELECT label FROM pages WHERE label LIKE '%$term%'";
    $result2 = mysql_query($query2) 
    or die();

    while($ans = mysql_fetch_row($result2)){

    $arr[] = $ans[0];
    }

    echo json_encode($arr);
}
?>

你能解决我的问题吗？也许我这里的代码有问题。

Answer 1

希望这对你有帮助..:) 在 uiautocomplete 的 select 属性中将值分配给新的输入框字段

        select: function (event, ui) {
            $("#temp").val(ui.item.value);
        }

Fiddle here

单击时如何将自动完成 jQuery-UI 处的元素移动到输入类型文本中

how can I move the element at auto complete jQuery-UI into input type text when clicked

html

php

jquery

jquery-ui

jquery-ui-autocomplete