<script src="jquery-3.1.0.min.js"></script>
<script>
var json = {'中国':['北京','天津','南京'],'日本':['大阪','东京',],'美国':['纽约','华盛顿']};
$(function(){
$.each(json,function(country,province){
var coun = '<option>'+country+'</option>';
$('#c').append(coun);
})
$('#c').on('change',function(){
$('#p').empty();
var guojia = $('#c option:selected').text();
$.each(json[guojia],function(i,province){
var pro = '<option>'+province+'</option>';
$('#p').append(pro);
})
})
$('#c').triggerHandler('change');
})
</script>
<style>
select{
width: 100px;
height: 30px;
background-color: gray;
}
</style>
</head>
<body>
<select name="" id="c">
</select>
<select name="" id="p">
</select>
</body>
******************************************************
当把each()函数写成这样时为什么就出错了
$(json).each(function(country,province){
var coun = '<option>'+country+'</option>';
$('#c').append(coun);
})
qq_缔曦_04032696
相关分类