Как пересмотреть код Ajax от выпадающего в текстовый ввод? ⇐ Jquery

[Anonymous]

Во -первых, приносим извинения, потому что я новичок, когда дело доходит до ajax ... < /p> Я посмотрел несколько сайтов кодера для рабочего примера кода, необходимого для обработки простого текстового ввода и ответа базы данных без обновления страницы. Не удалось найти один, я нашел отличный пример раскрывающейся формы, которая отвечает соответствующим значением базы данных, когда я выбираю имя из раскрывающегося списка. Пример кода работает отлично. Итак, я изменил ввод на текстовый вход и триггер из OnChange, и код все еще работает, чтобы принести значение, пока вы не нажмете ключ Enter. Если они нажмут ключ Enter после ввода текста, форма затем освежается в пустое поле ввода. «Семья» в «Торговые зоны»: < /p>

Код: Выделить всё

function showZone(str) {
if (str == "") {
document.getElementById("txtHint").innerHTML = "";
return;
} else {
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("txtHint").innerHTML = this.responseText;
}
};
xmlhttp.open("GET","zones.php?q="+str,true);
xmlhttp.send();
}
}






Select a ZipCode:
00501
00544
01001
01002



Shipping Zone info will be listed here...[/b]




< /code>
Вот код "family.php": < /p>

$q = intval($_GET['q']);

$con = mysqli_connect('localhost','peter','abc123'); // Replaced with DB info
if (!$con) {
die('Could not connect: ' . mysqli_error($con));
}

mysqli_select_db($con,"ajax_demo");
$sql="SELECT * FROM user WHERE zipcode = '".$q."'";
$result = mysqli_query($con,$sql);

echo "

ZipCode
Shipping Zone
";
while($row = mysqli_fetch_array($result)) {
echo "";
echo "" . $row['zipcode'] . "";
echo "" . $row['zone'] . "";
echo "";
}
echo "";

mysqli_close($con);

< /code>
Вышеуказанное все работает отлично. Проблема в том, что существуют тысячи почтовых индексов, и клиент хочет использовать поле текстового ввода, чтобы люди могли вводить в почтовый индекс. < /P>
Итак, я изменил форму на это: < /p>

Ревизии работают отлично, в то время как пользователь входит в свой ZipCode, но затем обновляется в пустой форме (и очищает результаты), если пользователь нажимает свой клавиш return/enter после ввода в их zipCod Div.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... text-input