<script>
$.get(
"http://127.0.0.1:83/areas/sec"
, {id:'0'},
function
(data){
var
option=
"<option value=''>请选择</option>"
;
var
list=data.data;
for
(
var
key in list){
option+=
"<option value='"
+key+
"'>"
+list[key].areaname+
"</option>"
;
}
$('#main').html(option);
},'jsonp');
function
change(event){
$('.select').each(
function
(i){
console.log($(event).attr('num'));
if
($(this).attr('num')>$(event).attr('num')){
$(this).parent().remove();
}
})
var
sel=$('.select').index($(event))+1;
var
id=$(event).val();
$.ajax({
type:
"get"
,
dataType:
"jsonp"
,
url:
"http://127.0.0.1:83/areas/sec"
,
data: {id:id},
sync: false,
success:
function
(data){
console.log(data);
var
list =data.data
if
(data.state==='1'){
var
option=
"<option value=''>请选择</option>"
;
for
(
var
key in list){
option+=
"<option value='"
+key+
"'>"
+list[key].areaname+
"</option>"
;
}
$('<p
class
=
"col-md-2 pr0"
><select name=
"area[]"
num=
"'+sel+'"
class
=
"form-control input-sm select"
onchange=
"change(this)"
>'+option+'</select></p>').appendTo('#area');
}
}
});
}
</script>