Сделать dropdown multi-select

Question

У меня есть 2 выпадающих меню, и один из них (второй) динамичен в том смысле, что его значения изменяются в соответствии с параметром, выбранным в первом выпадающем списке.

JSFiddle результат: http://jsfiddle.net/pgbw56vb/10/embedded/result/

Может кто-то пожалуйста покажите мне, как я могу сделать второй выпадающий мульти-выбора? Я действительно зеленый в JQuery и html.

JSFiddle: http://jsfiddle.net/pgbw56vb/10/

<select id="kategorie_oder_seite"></select> 

<select id="auswahl"></select> 

var data = { 
"Kategorie": ["Kraft", "Startseite", "Insurance", "Risk",], 
"Seite": ["http://jsfiddle.net/tony089/pgbw56vb/2/",  "https://stackoverflow.com/users/login?returnurl=%2fquestions%2fask"], 
}; 


var $kategorien = $("#kategorie_oder_seite").on("change", function() { 
var seiten = $.map(data[this.value], function(seite) { 
    return $("<option />").text(seite); 
}); 
$("#auswahl").empty().append(seiten); 
}); 

for (var kategorie in data) { 
$("<option />").text(kategorie).appendTo($kategorien); 
} 

$kategorien.change(); 

Спасибо заранее.

Answer 1

просто добавить «несколько» атрибут на «выберите» тег

Answer 2

вы можете использовать атрибут выбора тега multiple и установите его значение в multiple. также не забудьте установить свойство name в форме массива, чтобы вы могли отправить несколько значений через этот элемент управления select.

например.

<select multiple="multiple" id="kategorie_oder_seite" name="check[]"></select> 

JsFiddle: http://jsfiddle.net/pgbw56vb/10/

Answer 3

добавить несколько ваших выбранных тегов.

<select id="kategorie_oder_seite" multiple></select> 
<select id="auswahl" multiple></select>