[HTML][JavaScript]jQuery select multiple + append + remove, dodawanie / usuwanie div w zależności od ilości selecta. Opcje

[casperii]

Panowie mam kod:

[HTML] pobierz, plaintext 
$(function(){
	$("select[multiple]").click(function(){
	});
});
 
$(document).ready(function () {
	$("select[multiple]").each(function () {
		$(this).change(updateCount);
	});
 
	updateCount();
 
	function updateCount () {
		if ($(this).find("option:selected").val() == "1") {
		$("#container").append('<div id="table1">1:</div>');
 
		}else{
			$("#table1").remove();
		}
	};
});
[HTML] pobierz, plaintext 

Chciałbym żeby każde zaznaczenie wyboru z selecta dodawało mi w kontenerze div table
Odznaczenie tego wyboru z selecta multiple usunięcie tego div table z kontenera.
Na chwilę obecną to wygląda tak , że jak wybiorę z select multiple wartość == 1 to mi doda, ale jeśli wybiorę kolejną wartość (poprzez ctrl) to mi już klonuje tego diva.
Aha warunki muszę sprawdzać poprzez ==1 , == 2 , == 3 - ponieważ te divy będą się różnić.
Czy ktoś ma pomysł jak to wykonać ?

[SmokAnalog]

Ja bym się za to zabrał tak:

[JAVASCRIPT] pobierz, plaintext 
$(document).ready(function () {
    function updateCount() {
        $("#container").empty().append($("select[multiple]").val().map(value => $("<div></div>").text(value + ":")));
    }
 
    updateCount();
 
    $("select[multiple]").change(updateCount);
});
[JAVASCRIPT] pobierz, plaintext 

Zamiast na siłę szukać zmienionych elementów, to za każdym razem wkładałbym je od nowa.