3

私はchoose.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()

4

1 に答える 1

7

chosen()との使用を混在させましたval()。

前者はあなたを素敵な複数選択リストに変換しますselectが、後者は選択された要素の値を取得します。

したがって、JavaScript コードは次のようになります。

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

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

このval()メソッドは、選択された各オプションを含む配列を返します。

プラグインの使用方法を示すjsFiddleを簡単に作成しました。ボタンをクリックすると、選択した値がコンソールに表示されます。

于 2013-03-21T21:33:48.067 に答える