我不能让这个小脚本起作用:小提琴
我想使用按钮将所选选项从"多选"传递到另一个选项.我认为在尝试选择所有" option:selected" 时jQuery选择器存在问题.
HTML:
<div>
<select id='canselect_code' name='canselect_code' multiple>
<option value='1'>toto</option>
<option value='2'>titi</option>
</select>
<input type='button' id='btnRight_code' value=' > ' />
<br>
<input type='button' id='btnLeft_code' value=' < ' />
<select id='isselect_code' name='isselect_code' multiple>
<option value='3'>tata</option>
<option value='4'>tutu</option>
</select>
</div>
Run Code Online (Sandbox Code Playgroud)
JS
$('[id^=\"btnRight\"]').click(function (e) {
var selectedOpts = $(this).prev('select option:selected');
if (selectedOpts.length === 0) {
alert('Nothing to move.');
e.preventDefault();
} else {
$(this).next('select').append($(selectedOpts).clone());
$(selectedOpts).remove();
}
});
$('[id^=\"btnLeft\"]').click(function (e) {
var selectedOpts = $(this).next('select option:selected');
if (selectedOpts.length === 0) { …Run Code Online (Sandbox Code Playgroud)