选择新值后,从multiselect2side发布值

时间:2014-08-04 08:52:04

标签: jquery select jquery-plugins

我在表单上有两个选择输入(一个是主选择 - " curentOpt"第二个是多选 - " selection_cats") 在第二个我使用multiselect2side jquery插件。此设置用于map selection_cats到currentOpt。

我的想法是当selection_cats被更改(添加了选择的选项)时,通过ajax发布当前所选值的新数组

我的HTML

<select name="curentOpt" id="category">
    <option value="1" > Option 1 </option>
    <option value="2" > Option 2 </option>
    <option value="3" > Option 3 </option>
    <option value="4" > Option 4 </option>
    <option value="5" > Option 5 </option>
    <option value="6" > Option 6 </option>
</select>   
<br/><br/><br/>
<select name="CatsSelection" multiple="multiple" id="selection_cats" style="width: 200px" size="20">
    <option value="100" >Selection 11 </option>
    <option value="101" >Selection 12 </option>
    <option value="102" >Selection 13 </option>
    <option value="103" >Selection 14 </option>
    <option value="104" >Selection 15 </option>
    <option value="105" >Selection 16 </option>
    <option value="106" >Selection 17 </option>
    <option value="107" >Selection 18 </option>
    <option value="300" >Selection 19 </option>
    <option value="301" >Selection 20 </option>
    <option value="302" >Selection 21 </option>
    <option value="303" >Selection 22 </option>
</select>   

我的JS

// default options for multiselect2side
var defaultOpt = {
    selectedPosition: 'left',
    moveOptions: false,
    labelsx: '',
    labeldx: '',
    autoSort: true,
    autoSortAvailable: true
};


$('#selection_cats').multiselect2side(defaultOpt);

$('#selection_cats').change(function(){
    alert('changed');

});

我的代码在jsfiddle http://jsfiddle.net/kmiddler/LCC2z/12/

我尝试在#selection_cats和#CatsSelectionms2side__sx上使用.change()(这是在multiselect2side应用于#selection_cats之后创建的。

但两者都不起作用,我无法在更改所选值(添加或删除一些)后从#selection_cats获取值

1 个答案:

答案 0 :(得分:0)

你应该使用$(document).on(&#34; change&#34;,fn);,它应该可以使用

                          $(document).on("change",function(){
                             $('#selection_cats').on("change",function(){
                               alert('changed');
                             });

                           });

Your Updated Fiddle Working