级联多选框中添加单选不限操作,不限时,其他级联选项不被选中,选中其他选项,不限被取消,共三级, 代码如何实现
时间: 2023-02-19 09:59:47 浏览: 51
可以使用JavaScript来实现,例如:
$('#level1').change(function(){
$('#level2').find('option').not(':first').remove();
$('#level3').find('option').not(':first').remove();
if($(this).val() != '') {
$.ajax({
url: 'fetch_data.php',
type: 'post',
data: {level1: $(this).val()},
dataType: 'json',
success:function(response){
var len = response.length;
if(len > 0){
$('#level2').append('<option value="">不限</option>');
for( var i = 0; i<len; i++){
var id = response[i]['id'];
var name = response[i]['name'];
$('#level2').append('<option value="'+id+'">'+name+'</option>');
}
}
}
});
}
});
$('#level2').change(function(){
$('#level3').find('option').not(':first').remove();
if($(this).val() != '') {
$.ajax({
url: 'fetch_data.php',
type: 'post',
data: {level2: $(this).val()},
dataType: 'json',
success:function(response){
var len = response.length;
if(len > 0){
$('#level3').append('<option value="">不限</option>');
for( var i = 0; i<len; i++){
var id = response[i]['id'];
var name = response[i]['name'];
$('#level3').append('<option value="'+id+'">'+name+'</option>');
}
}
}
});
}
});