Chosen.js在javascript中有多个选择值

Question

我使用selected.js创建一个多选，但不是在PHP中处理表单，我试图使用JavaScript来解析值。 我的问题是，我无法弄清楚如何从多个选择中检索值。

我创建了选择：

<select data-placeholder="Select a category..." name="categories[]" multiple style="width: 350px" class="chzn-select">

并尝试使用这些javascript调用获取所选值：

$('.chzn-select').chosen().val();

返回null

和

$('.chzn-select').chosen().val(0);

回报

{"0":{"jQuery19109988393174677814":730},"length":1,"prevObject":{"0": {"jQuery19109988393174677814":1,"location":{}},"context":{"jQuery19109988393174677814":1,"location":{}},"length":1},"context":{"jQuery19109988393174677814":1,"location":{}},"selector":".chzn-select"}

使用JSON.stringify()

Answer 1

你混合使用chosen()和val() 。

前者将您的select转换为一个很好的多选列表，而后者则为您提供所选元素的值。

所以你的JavaScript代码将是：

// Transforms your select element
$(".chzn-select").chosen();

// Gets the selected value(s)
$(".chzn-select").val();

val()方法将返回包含每个选定选项的数组 。

我快速创建了一个jsFiddle来向您展示如何使用该插件：当您单击该按钮时，您将在控制台中看到所选的值。