进行下拉多选

我有两个下拉列表，其中一个（第二个）是动态的，因为它的值会根据第一个下拉列表中选择的选项而变化。

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();

提前谢谢。