如何通过下拉触发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