我在表单上有两个选择输入(一个是主选择 - " 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获取值
答案 0 :(得分:0)
你应该使用$(document).on(&#34; change&#34;,fn);,它应该可以使用
$(document).on("change",function(){
$('#selection_cats').on("change",function(){
alert('changed');
});
});