$('#countryid').load('/some/url',{country: country_id});
以前に選択した国に応じて地域のオプションを自動的にロードする機能を備えたjQueryを使用しています。
そして、ajax を介して html をロードすると、正常に動作します。
しかし、javascript コードをロードする必要があります。それをしようとすると、すべての選択フィールドがページからまったく消えます...
私は何を間違っていますか?
コード:
<script type="text/javascript">
$(document).ready(function() {
$('#countrydropdown').change(function() {
var countryvalue = $('#countrydropdown option:selected').val();
if(countryvalue==0){clearlist();}
getarea();
});
});
function getarea(){
var countryvalue = $('#countrydropdown option:selected').val();
var area = $('#areadropdown');
if(countryvalue==0){
area.attr("disabled",true);
}else{
area.attr("disabled",false);
area.load('/ajax/2/',{country: countryvalue});
}
}
function clearlist(){
$('#areadropdown').empty();
}
</script>
<form action="" id="form">
<select id="countrydropdown">
<option value="0">Countries</option>
...
</select>
<select id="areadropdown" disabled="disabled">
</select>
</form>
ありがとう!!!