Восстановить выбранные значения в выбранном порядке Выберите

Question

В прилагаемой скрипке у меня есть два варианта: «Дания» и «Франция», если выбран выбранный выбор. Если я выберу больше значений в поле выбора и нажмите кнопку очистки, я хотел бы восстановить выбранный выбор с теми же предварительно заполненными значениями «Дания» и «Франция».

Я хочу изменить этот код, чтобы заполнить выбранные значения.

$("#Clear").click(function() { 
    $('.chosen-select option').prop('selected', false).trigger('chosen:updated'); 
}); 

JSFiddle

UPDATE: Было бы очень хорошо, если есть способ таким образом, что это не имеет значения, какие опции предварительно заполнены, но они должны быть восстановлены, если таковые имеются.

Answer 1

Что вам нужно, так это создать массив предварительно выбранного значения параметра. Затем вы можете использовать цикл forEach с этим массивом, чтобы изменить значение selected и получить начальное состояние перед обновлением триггера.

$("#countries").chosen(); 

let preselected = []; 

$('[selected]').each((i, node) =>{ 
    preselected.push($(node).attr('value')); 
}); 

$("#Clear").click(function() { 
    $('.chosen-select option').prop('selected', false); 

    preselected.forEach(pre => { 
     $(".chosen-select option[value='" + pre + "']") 
     .attr('selected', 'selected') 
     .trigger('chosen:updated'); 
    }); 
}); 

Fiddle

Как вы можете видеть here нет ничего в плагине вы можете использовать, чтобы достичь этого, кажется, что вы должны сделать это, изменив DOM и обновление триггера. Я бы использовал код из ответа luckyape и моего, смешивая его.

Answer 2

Дайте этому идти

$("#countries").chosen(); 

$("#Clear").click(function() { 
    $('.chosen-select option').prop('selected', false); 
    $('.chosen-select').val(['Denmark', 'France']).trigger('chosen:updated'); 
}); 

http://jsfiddle.net/y5cnd018/