У меня есть одна страница parent.php с текстовым полем и одна кнопка. При нажатии на кнопку, откройте всплывающее окно и получите одно текстовое поле, в котором при поиске отображаются имена базы данных mysql и заполните мое текстовое поле. Мне нужно отправить это значение текстового поля для parent.php и закрыть всплывающее окно. Я не понимаю этого, пять дней пытаюсь. Извините за мой английский.
Код страницы паренте, всплывающая часть вызова:
<div class="form-row">
<div class="form-group col-md-2">
<a class="btn btn-success" id="dogname" href="#" onclick="dogPopup()"; role="button">Select for
database </a>
</div>
</div>
_______________________________________________ PopUP ______________________________________________
<title>Bootstrap Autocomplete with Dynamic Data Load using PHP Ajax</title>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<script src="//code.jquery.com/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="typeahead.js"></script>
</head>
<body>
<div class="bgcolor">
<label class="demo-label">Search</label><br/> <input type="text" name="dogname" id="dogname"
class="typeahead"/>
</div>
</body>
<script>
$(document).ready(function () {
$('#dogname').typeahead({
source: function (query, result) {
$.ajax({
url: "server.php",
data: 'query=' + query,
dataType: "json",
type: "POST",
success: function (data) {
result($.map(data, function (item) {
return item;
}));
}
});
}
});
});
</script>
<p id="dogname"> //send values of parente page
<form id="dogname" name="form1" method="post" action="">
</p>
<p>
<input type="button" name="button" id="button" value="Insert" onclick="insertVals('dogname');" />
<br />
</p>
</form>
<br />
<script type="text/javascript">
function insertVals(namesContainerID)
{
var inputs = document.getElementById(namesContainerID).getElementsByTagName('input');
var insertStr = '';
for (var i=0; i<inputs.length; i++)
{
if (inputs[i].type == "textbox")
{
if (inputs[i].textbox)
{
insertStr += (insertStr != '') ? ',' : '';
insertStr += inputs[i].value;
}
}
}
window.opener.document.getElementById('dogname').value = insertStr;
window.close();
}
</script>
Закрытие всплывающего окна и значение не установлено в parent.php. что не так, пожалуйста