Динамическое поле выбора для заполнения текстового поля с использованием AJAX или jQuery и PHP

Question

Существует ли какой-либо учебник или код, который поможет разметить текстовое поле из выбранного значения из поля выбора, используя AJAX или jQuery и PHP?Как на картинке ...

Answer 1

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
  //Please visit http://www.nokiflores.com
$(document).ready(function () {
   $("#country").change(
       function () {
           $("#capital").val($(this).val());
       }
   );
});
</script>
<select id="country" name="country">
  <option value="Delhi" >India</option>
  <option value="manila" >phil</option>
  <option value="tokyo" >japan</option>
</select>

<input type="text" readonly="readonly" value="" id="capital" name="capital" />

попробуйте это: Если вы хотите использовать php, вы сделаете это по-другому, используя ajax. Пожалуйста, посетите http://www.nokiflores.com

Answer 2

Полагаю, как только вы заполните Дели, сценарий может решить Индию, а не наоборот.Однако, если вы хотите сделать доступным подмножество городов для выбранной страны: это имеет смысл.

На ваш вопрос, для этого вам понадобится огромный список всех основных стран и городов.

Мой подход: в javascript создайте массив 'country'.Создайте список csv для каждой страны (например, in.csv, us.csv и т. Д.)

Теперь используйте поля опций страны заполнения JS.Как только страна выбрана, запустите Jquery, чтобы получить соответствующий 'country-code.csv', используя ajax.Затем просто создайте список выбранных названий городов.

Примечание. Некоторые люди будут возражать против CSV, выберите любой формат файла, который вы считаете подходящим.