使下拉多选
我有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();
在此先感谢。
只需添加上“选择”标签
“多”属性,你可以使用select标签的multiple
属性,并将其值设置为multiple
。还请记住以阵列形式设置name
属性,以便您可以通过此select
控件发送多个值。
例如。
<select multiple="multiple" id="kategorie_oder_seite" name="check[]"></select>
的jsfiddle:http://jsfiddle.net/pgbw56vb/10/
这就是我添加你建议的属性时得到的结果。 的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>
将'multiple'属性添加到select中。 – A1rPun 2014-10-28 12:48:48
'' – mplungjan 2014-10-28 12:48:49
选择多个项目做这个'' – Joe 2014-10-28 12:49:18