如何使用下拉菜單觸發javascript事件並更改值？

Question

我正在創建一個表單，用戶將不得不從下拉列表中選擇國家。 他們選擇后，應立即激活另一個下拉列表，其中應顯示屬於該國家/地區的州，因此應處理元素的國家/地區ID中的值。 用戶選擇州后，另一個下拉列表應立即激活，列出屬於該州的城市，並依此列出區域。

為此，我已經編寫了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沒有興趣，如果有人可以指導我如何實現這一目標，我將不勝感激。

謝謝。

Answer 1

對不起，英語不好。 您應該添加onchange =“ showstates（）”以選擇國家/地區，並添加div以向其添加國家/地區

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

檢查此鏈接

Answer 2

您可以隨時在Google上搜索：

http://roshanbh.com.np/2007/12/change-dropdown-list-options-values-from-database-with-ajax-and-php.html