2011-08-15 107 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,選擇任何您認爲合適的文件格式。

相關問題