14.3.4章

最新推荐文章于 2025-06-20 17:16:01 发布

原创最新推荐文章于 2025-06-20 17:16:01 发布 · 155 阅读

0 ·

CC 4.0 BY-SA版权

将第一个选项移动到第二个选择框中的过程。（移动选项与移除选项相似，即会重置每一个选项的index属性）

<script>
var textbox1=document.getElementById("selectid");
var textbox2=document.getElementById("selectid");
textbox2.appendChild(textbox1.option[0]);

</script>

<body>
<form 
action="http://www.baidu.com">
<select
name="" 
id="selectid" 
name="location">
<option
value="q1">11</option>
<option
value="q2">22</option>
<option
value="q3">33</option>

</select>
</form>
</body>
<script>
var textbox=document.getElementById("selectid");
var optionToMove=textbox.options[1];
var textbox=document.getElementById("selectid");
textbox.insertBefore(optionToMove,textbox.options[optionToMove.index-1]);
//向前移动一个选项
textbox.insertBefore(optionToMove,textbox.options[optionToMove.index+2]);
//向后移动一个选项

</script>