如何通過下拉觸發javascript事件並更改值？

我正在創建一個表單，用戶將不得不從下拉列表中選擇國家。只要他們選擇它應該激活另一個下拉列表，它應該顯示屬於國家的狀態，因此它應該處理元素的國家ID的值。並且一旦用戶選擇州，另一個下拉列表應該激活列出屬於該特定州的城市，並因此如此地區。如何通過下拉觸發javascript事件並更改值？

因爲我寫了這樣的php和html代碼。

Select Countries : <select name="countries"><br/> 
<?php 
foreach($property->getAllCountries() as $countries) 
{ 
?> 
    <option value="<?php echo $countries['id']; ?>"><?php echo $countries['name']; ?></option> 
<? } ?> 
</select><br/> 
Select State : <select name="state"> 
<?php 
foreach($property->getStatesFromCountryId($countryId) as $states) 
{ 
?> 
    <option value="<?php echo $states['id']; ?>"><?php echo $states['name']; ?></option> 
<? } ?> 
</select>

javascript應自動插入$ countryId並在用戶選擇它後填充狀態。

我在JavaScript的noob，我將不勝感激，如果有人可以指導我如何實現這一目標？

謝謝。

來源

2011-01-11 Ibrahim Azhar Armar

對不起英語不好。你應該添加的onchange = 「showstates（）」來選擇國家和一個div到國家的狀態添加到它

function showstates() 
{ 
var country=document.getElemtById("countries").value; 
if (country=="anywhere") 
{ 
document.getElemtById("statesofcountries").innerHTML='<div>"states list"</div>'; 
} 
}

check this link

來源

2011-01-11 15:08:04 imez

如果（國家==任何地方）如果你能解釋代碼，我將不勝感激。 – 2011-01-11 15:13:56