Вход

Просмотр полной версии : не очищает select


Nelzz
11.02.2015, 11:28
Всем привет. Есть плагин http://select2.github.io/

Есть форма

http://s019.radikal.ru/i628/1502/58/d8e0158e3a14.png

Выбирается Марка и по нему выбирается модель. При нажатии крестика марки,модель должен очищается.

Код

$(document).ready(function($){

$('#make').select2({
width:'100%',
placeholder: 'Выберите компанию',
allowClear:true,

});
$('#model').select2({
width:'100%',
placeholder: 'Выберите контактное лицо',
allowClear:true
});
});

$(document).on('change','#make',function(){

$.get("{{ url('api/dropdown')}}", { option: $(this).val() }, function(data)
{
var option_text = 'Выберите контактное лицо';
$('#model').html('').append($('<option value disabled>').prop('selected',true).text(option_text));

$.each(data, function(index, element) {
$('#model').append("<option value='"+ element.id +"'>" + element.name + "</option>");
});

$("#model").select2("val", "");

});
});


Как так сделать?

рони
11.02.2015, 13:44
$("#model").select2("val", "");
если нужно тут, то заменить на
$("#model").val(null).trigger("change");

рони
11.02.2015, 13:48
Nelzz,
если на крестик
то добавить
$('#make').on("select2:unselect", function (e) { $('#model').val(null).trigger("change"); });