js实现左右列表内容交换传递

最新推荐文章于 2021-12-23 13:37:22 发布

fengxiaowenhappy

最新推荐文章于 2021-12-23 13:37:22 发布

阅读量743

点赞数

分类专栏： HTML CSS 文章标签： button javascript input function table

本文链接：https://blog.youkuaiyun.com/fengxiaowenhappy/article/details/4948355

版权

HTML CSS 专栏收录该内容

11 篇文章

订阅专栏

这篇博客介绍了一个JavaScript函数move，用于在两个选择列表间交换选中的选项。用户可以通过双击或者按钮操作在左侧（'left'）和右侧（'right'）列表之间传递选项。该函数首先检查左侧列表是否有选中项，然后将其添加到右侧列表，并从左侧移除，实现了列表内容的交互传递。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form name="form1">
<table>
    <tr>
        <td>
            <select multiple name="left" size=7 οndblclick="move(this,this.form.right)">
                <option value="0" selected>item1</option>
                <option value="1">item2</option>
                <option value="2">item3</option>
                <option value="3">item4</option>
                <option value="4">item5</option>
            </select>
        </td>
        <td >
            <input type="button" name="moveRigth" value=">>" οnclick="move(this.form.left,this.form.right)"/>
            <input type="button" name="moveLeft" value="<<" οnclick="move(this.form.right,this.form.left)"/>
        </td>
        <td>
            <select multiple name="right" size=7 οndblclick="move(this,this.form.left)">
                <option value="0" selected>test1</option>
                <option value="1">test2</option>
                <option value="2">test3</option>
                <option value="3">test4</option>
                <option value="4">test5</option>
            </select>
        </td>
    </tr>
</table>
</form>