0
我有2個select2
框。首先是類別,其次是子類別。Select2更改事件 - 更改第一個select2框值更改的下一個select2框的選項
現在,我想根據類別框選擇的值更改子類別框的選項。並且子類別框的數據應該使用AJAX加載。
請幫幫我。
我有2個select2
框。首先是類別,其次是子類別。Select2更改事件 - 更改第一個select2框值更改的下一個select2框的選項
現在,我想根據類別框選擇的值更改子類別框的選項。並且子類別框的數據應該使用AJAX加載。
請幫幫我。
只是解決了它自己
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.min.css" rel="stylesheet" />
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/js/select2.min.js"></script>
<select class="js-data-example-ajax" id="category" >
<option value="">Select a category</option>
<option>cat1</option>
<option>cat2</option>
<option>cat3</option>
</select>
<select class="js-data-example-ajax" id="sub-category" >
</select>
<script>
$("#category").select2({
placeholder: "Select a category",allowClear: true
});
$("#sub-category").select2({
placeholder: "Select sub-category",allowClear: true
});
$('#category').on("change", function (e) {
var result = '';
var catval = $(this).val();
if(catval != '') {
url = "subcats_top/"+ catval;
$.ajax({
type: "GET",
url: url,
dataType: 'json',
success: function(data){
var length = data.length;
if(length > 0) {
for(key in data) {
result += '<option value="' + data[key].id + '">' + data[key].name + '</option>';
}
} else {
}
$("#sub-category").html(result);
}
});
}
});
</script>