Javascript 使下拉菜单多选

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

JSFIDLE结果：

有人能告诉我如何使第二个下拉菜单成为多选菜单吗？我对Jquery和html非常熟悉

JSFiddle：

风险值数据={
“卡泰戈里”：[“卡夫”、“StartSite”、“保险”、“风险”]，
“赛特”：[“http://jsfiddle.net/tony089/pgbw56vb/2/",     "https://stackoverflow.com/users/login?returnurl=%2fquestions%2fask"],
};
var$kategorien=$（“#kategorie_order_seite”）。关于（“更改”，函数（）{
var seiten=$.map（数据[this.value]，函数（seite）{
返回$（“”）。文本（seite）；
});
$（“#auswahl”）.empty（）.append（seiten）；
});
用于（数据中的var kategorie）{
$（“”）.text（kategorie）.appendTo（$kategorien）；
}
$kategorien.change（）；

---

提前感谢。

只需在“选择”标记上添加“多个”属性

您可以使用选择标记的

multiple

属性，并将其值设置为

multiple

。还记得以数组形式设置

name

属性，以便可以通过该

select

控件发送多个值

例如

---

jsIDLE:

将多个标记添加到您的select标记中

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

将

多个

属性添加到选择中。

要选择多个项目，请执行此操作

，感谢您的快速响应。我尝试添加多属性，结果如下：JSFiddle result:JSFiddle：这不是我想要的结果。也许你应该告诉我你期望的是什么样的行为，然后……这就是我添加你建议的属性时得到的结果。JSFiddle结果：JSFiddle：我希望下拉列表能够像典型的下拉列表一样展开和收缩，并允许我选择多个选项。

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

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