как я могу переместить элемент при автозаполнении jQuery-UI в текст ввода типа при нажатии
Я попытался переместить текст при автозаполнении с помощью 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);
}
?>
Можете ли вы решить мою проблему? Может быть, что-то не так с моим кодом здесь.
Решение
Надеюсь, что это может вам помочь. 🙂 Внутри свойства select uiautocomplete присвойте значение новому полю поля ввода
select: function (event, ui) {
$("#temp").val(ui.item.value);
}
скрипка Вот
Другие решения
Других решений пока нет …