javascript中的Chosen.js多个选择值答案

【问题标题】：Chosen.js multiple select values in javascriptjavascript中的Chosen.js多个选择值
【发布时间】：2013-03-21 18:29:56
【问题描述】：

我正在使用 selected.js 创建多选，但我没有在 php 中处理表单，而是尝试使用 javascript 来解析值。我的问题是我无法弄清楚如何从多选中检索值。

我使用以下方法创建选择：

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

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

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

返回空值

和

$('.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()

【问题讨论】：

标签： javascript jquery jquery-chosen

【解决方案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 来向您展示如何使用该插件：当您单击按钮时，您将在控制台中看到选定的值。

【讨论】：