小编Eri*_* V.的帖子

HTML选择框,如何将所选选项从一个<select>移动/复制到另一个<select>

我不能让这个小脚本起作用:小提琴

我想使用按钮将所选选项从"多选"传递到另一个选项.我认为在尝试选择所有" 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)

jquery select css-selectors option

4
推荐指数
1
解决办法
8423
查看次数

标签 统计

css-selectors ×1

jquery ×1

option ×1

select ×1