Связанные поля autocomplete
Есть два input[type="text"]
, при помощи jQuery Autocomplete UI производится автозаполнение полей из БД, но никак не могу разобраться, как сделать их связанными:
<?php
$link=mysql_connect("DB_host", "DB_user", "DB_passw");
mysql_select_db("DB_name");
mysql_query("SET NAMES UTF-8");
?>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
var j = jQuery.noConflict();
$(function() {
var clipAuthors = [
<?php
$query="SELECT `author` FROM `clips` GROUP BY `author`;";
$res=mysql_query($query);
while ($row = mysql_fetch_assoc($res))
{
echo '"'.$row['author'].'",';
}
?>
];
j( "#searchClipAuthor" ).autocomplete({
source: clipAuthors
});
var clipTitles = [
<?php
$query="SELECT `title` FROM `clips` GROUP BY `title`;";
$res=mysql_query($query);
while ($row = mysql_fetch_assoc($res))
{
echo '"'.$row['title'].'",';
}
?>
];
j( "#searchClipTitle" ).autocomplete({
source: clipTitles
});
});
</script>
<input type="text" placeholder="Поиск по исполнителю" name="searchClipAuthor" id="searchClipAuthor">
<input type="text" placeholder="Поиск по композиции" name="searchClipTitle" id="searchClipTitle">
Таблица clips
имеет 3 поля: id
, author
, title
И мне нужно, чтобы в инпуте searchClipTitle
выводились Title
соответствующие выбранному Author
Источник: Stack Overflow на русском