用JS实现两个select里的option值的传递增加、删除

最新推荐文章于 2019-11-10 15:47:52 发布

weixin_30521649

最新推荐文章于 2019-11-10 15:47:52 发布

阅读量358

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/wj110reg/articles/888573.html

版权

现在有两个select多选框，把左边select的option添加到右边的select里，左边的select里的所有选项不能改变，从左边添加到右边的时候实现单个添加和批量添加。然后右边的select实现单个删除和全部删除的功能。

<BODY>
<table width="790" border="0" cellpadding="0" cellspacing="0">
<tr valign="middle">
    <td height="15" colspan="7" align="left" valign="middle"><hr size="1" noshade></td>
</tr>
<tr align="center" valign="middle">
    <td height="20" colspan="2" align="right"> </td>
    <td width="150" valign="middle">左select</td>
    <td width="85"> </td>
    <td>右select</td>
    <td> </td>
    <td> </td>
</tr>
<tr align="center" valign="middle">
    <td height="198" colspan="2" align="right"></td>
    <td align="center" valign="middle"><select name="source" id="source" size="16" multiple>
        <option>aaaaaaaa</option>
        <option>bbbbbbbb</option>
        <option>cccccccc</option>
        <option>dddddddd</option>
        <option>eeeeeeee</option>
        <option>ffffffff</option>
        <option>gggggggg</option>
        <option>hhhhhhhh</option>
      </select>
    </td>
    <td valign="middle"><p class="button1">
        <input name="search23" type="button" class="input0" id="search232" value="添加多个" οnclick="add(2)">
        <br/>
        <input name="search2" type="button" class="input0" id="search25" value="添加单个" οnclick="add(1)">
        <br/>
        <input name="search222" type="button" class="input0" id="search2223" value="删除单个" οnclick="remove(1)">
        <br/>
        <input name="search22" type="button" class="input0" id="search224" value="全部删除" οnclick="remove(2)">
      </p>
      </td>
    <td align="center" valign="middle"><select name="dest" id="dest" size="16" multiple>
      </select>
    </td>
</tr>
</table>
</BODY>
<script language="javascript">

</script>

转载于:https://www.cnblogs.com/wj110reg/articles/888573.html