動的ドロップダウンを使用してページに編集フォームを作成したいのですが、選択した値を動的ドロップダウンに設定する方法に問題があります。javascript で onchange を使用せずに値を設定する方法はありますか?、最初のドロップダウンが選択された値を取得すると、2 番目のドロップダウンはドロップダウン コンテンツを自動的に取得します。
「州」で「都市」を取得するコントローラー:
public function getCity($id){
$tmp = '';
$data = $this->query->getcity($id);
if(!empty($data)){
$tmp .= "<option value=''>-choose city-</option>";
foreach($data as $row) {
$tmp .= "<option value='".$row->id_city."'>".$row->city."</option>";
}
} else {
$tmp .= "<option value=''>-choose city-</option>";
}
die($tmp);
}
私のJavaScript:
$(document).ready(function(){
$('#prov').change(function(){
$.post("<?php echo base_url();>index.php/employer/ambilkota/"+$('#prov').val(),{},function(obj){
$('#city').html(obj);
});
});
});