使下拉多选

使下拉多选

问题描述:

我有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://*.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(); 

在此先感谢。

+0

将'multiple'属性添加到select中。 – A1rPun 2014-10-28 12:48:48

+0

'' – mplungjan 2014-10-28 12:48:49

+0

选择多个项目做这个'' – Joe 2014-10-28 12:49:18

只需添加上“选择”标签

“多”属性,你可以使用select标签的multiple属性,并将其值设置为multiple。还请记住以阵列形式设置name属性,以便您可以通过此select控件发送多个值。

例如。

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

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

+0

这就是我添加你建议的属性时得到的结果。 的jsfiddle结果:http://jsfiddle.net/tony089/pgbw56vb/31/embedded/result/ 的jsfiddle:http://jsfiddle.net/tony089/pgbw56vb/31/ 我想下拉列表能够像典型的下拉列表一样展开和收缩,并允许我选择多个选项。 – 2014-10-28 13:04:19

新增多个到您选择的标签。

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