在javascript中，使用DOM的appendChild()方法，可以将第一个选择框中的选项直接移动到第二个选择框中。
而使用DOM的appendChild()方法，可以将第一个选择框中的选项直接移动到第二个选择框中。
如果为appendChild()方法传入一个文档中已有的元素，那么就会先从该元素的父节点移除它，再把它添加到指定的位置。
以下代码，可以将第一个选择框中的第一个选项移动到第二个选择框中的过程：
var selectbox1 = document.getElementById("selLocation1");
var selectbox2 = document.getElementById("selLocation2");
selectbox2.appendChild(selectbox1.options[0]);
移动选项与移除选项有一个共同指出，即会重置每一个选项的index属性。
重排选线次序的过程也十分相似，最好的方式仍然是使用DOM方法。
要将选择框中的某一项移动到特定位置，最合适的DOM方法就是insertBefore()；
appendChild()方法值适用于将选项添加到选择框的最后。
在选择框中向前移动一个选项的位置，例如：
首先，选择了要移动的选项，然后将其插入到排在它前面的选项之前。
实际上，第二行代码对除了第一个选项之外的其它选项是通用的。
类似的，将选择框中的选项向后移动一个位置：
以上代码适用于选择框中的所有选项，包括最后一个选项。
IE7存在一个页面重绘问题，有时会导致使用DOM方法重排的选项，无法马上正确显示。
>>> 您可能感兴趣的文章：
JavaScript 移除option选项的方法
JavaScript 选择option选项的方法
JavaScript 添加option选项的方法
js 添加、修改、删除select中option元素的实现代码
js动态添加与删除 select option的代码
javasript 操作select中option的常用方法
js获取select下拉标签中option的属性值
js删除select下拉列表框中option选项的多种方法(附代码)
js移动(增加删除)select option的实现代码
js 控制select下拉列表框中option选项的上下移动
Js动态添加select的option选项的代码
javascript操作Select options集合的实例介绍
JS动态添加与删除option选项的代码
js页面跳转 option location页面跳转的代码实例