动态选择框，使用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填充国家/地区选项字段。 选择country后，触发Jquery以使用ajax获取相应的“country-code.csv”。 然后，只需选择已获取的城市名称列表。

注意：有些人会反对CSV，选择您认为合适的任何文件格式。