2011-08-15 72 views
1

是否有任何教程或代码可以帮助从选择框中选择一个值来填充文本字段?使用AJAX或jQuery和PHP?就像在图片...使用AJAX或jQuery和PHP填充文本字段的动态选择框

enter image description here

+0

我认为你想要的答案在这里:http://stackoverflow.com/questions/5592574/populate-select-from-other-select-value-using-jquery – OverZealous

+3

我不会给对于现在有点喜剧漫画。 –

+0

@Ben [COMIC SAAAAANS !!!](http://www.explosm.net/comics/2301/) – Phil

回答

6
<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

+0

请率..谢谢 –

+0

谢谢,它现在与PHP工作! – alibenmessaoud

+1

你的欢迎和没有问题:) –

0

我想一旦你填写德里,该脚本可以决定印度,而不是相反。 但是,如果您想为选定的国家/地区制作一部分城市,那么这很有道理。

对于你的问题,为此,你需要一个庞大的所有主要国家和城市的名单。

我的方法: 在JavaScript中创建一个'国家'的数组。 为每个国家制作一个csv列表(如in.csv,us.csv等)

现在使用JS填充国家选项字段。 选择国家后,使用ajax激发Jquery获取相应的'country-code.csv'。 然后只需制作一个获取城市名称的选择列表。

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

相关问题