我使用带有$('#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>
谢谢!!!