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()方法将返回an array containing each selected option。

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

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

1 个答案: