Связанные поля autocomplete

Рейтинг: 0Ответов: 1Опубликовано: 27.04.2015

Есть два 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

Ответы

Ответов пока нет.