javascript — отображать ajax-ответ в виде выпадающего меню
У меня есть автозаполнение текстового поля, где пользователь может вставить имя актера, и он работает нормально. Когда пользователь вставил имя актера, должен быть заполнен динамический выпадающий список, содержащий список фильмов этого актера, но не на той же странице (мне нужно показать этот раскрывающийся список в новом окне)
Проблема:
Когда пользователь вставил имя актера, открывается новое окно со списком фильмов этого актера, но проблема в том, что эти фильмы не отображаются в раскрывающемся списке.
Вторая проблема заключается в том, что он открывает более одного окна (число не фиксировано, потому что я пробовал с разными именами актеров и, например, когда он открыл 3 окна, в другой раз 10 окон, …)
Я действительно ценю, если кто-то поможет мне найти, в чем проблема в моем коде и что я должен изменить в нем?
Вот что я попробовал:
<script type="text/javascript">
$(document).ready(function () {
$("#tags").autocomplete({
source: "actorsauto.php",
minLength: 2,
select: function (event, ui){
$("#tags").on('autocompletechange change', function (){
var selectedVal = $(this).val(); //this will be your selected value from autocomplete
// Here goes your ajax call.
$.post("actions.php", {q: selectedVal}, function (response){
var win= window.open("target.html","_blank","height=200,width=400, status=yes,toolbar=no,menubar=no,location=no");
with(win.document)
{
open();
write(response);
close();
}
console.log(response);
$("#movieName").html(response).show();
});
}).change();
}
});
</script>
<html>
<body>
<input type="textbox" name= "tag" id="tags" style="display:none;" placeholder="Enter an actor/actress name here" />
<select id="movieName" name="movieName[]" multiple="multiple" width="200px" size="10px" style=display:none;>
<input type="button" value=">> Add to selected list >>" id="btnRight" style="display:none;" />
<select id="selectedItems" name="selectedItems[]" multiple="multiple" style="width:200px; size:10px;">
</select>
</select>
</body>
</html>
Решение
Задача ещё не решена.
Другие решения
Других решений пока нет …