<div class="htmlarea"> <textarea id="runcode71723"> <title></title> <select id="selNum1" multiple> <option> </option>追加<option> </option>変更<option> </option>削除<option> </option>保存</select> <input type="button" name="name" value="> <input type=" button onclick="moveAllOptions(document.getElementById('selNum1'),document.getElementById('selNum2'));"> <input type="button" name="name" value="<" onclick="moveSelectedOptions(document.getElementById('selNum2'),document.getElementById('selNum1'));">" onclick="moveSelectedOptions(document.getElementById('selNum1'),document.getElementById('selNum2'));" /> <input type="button" name="name" value="<<" onclick="moveAllOptions(document.getElementById('selNum2'),document.getElementById('selNum1'));"> <select id="selNum2" multiple> </select> </textarea> <br><input onclick="runEx('runcode71723')" type="button" value="运行代码"><input onclick="doCopy('runcode71723')" type="button" value="复制代码"> <input onclick="doSave(runcode71723)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">[Ctrl A すべて選択 注: </a>外部 Js を導入する必要がある場合は、</div> を実行するために更新する必要があります]<script type="text/javascript"> //移动所有项。 function moveAllOptions(selone, seltwo) { //获得selone中的每个option var opts = selone.getElementsByTagName('option'); //这种循环有问题,不能从0开始,因为opts就像集合一样, //每次将自己的元素加到别的元素下的时候这个元素就从自己子元素中自动删除。 // for (var i = 0; i < opts.length; i++) { // //将selone中的每个option都加到了seltwo中。 // seltwo.appendChild(opts[i]); // } for (var i = opts.length - 1; i >= 0; i--) { //将selone中的每个option都加到了seltwo中。 seltwo.appendChild(opts[i]); } } //移动选中项 function moveSelectedOptions(selone, seltwo) { //获取第一个元素中的所有的option var opts = selone.getElementsByTagName('option'); for (var i = opts.length - 1; i >= 0; i--) { if (opts[i].selected == true) { seltwo.appendChild(opts[i]); } } } </script>