?? 6.6 改變列表項(xiàng)的上下順序.htm
字號:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁</title>
</head>
<body>
<select size="10" name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
<input type=button value=向上移動 onclick="doUp()">
<input type=button value=向下移動 onclick="doDown()">
<script>
function doOrder(select,sequence) //將上、下兩個方法合并成一個
{
if (!select||select.selectedIndex==-1) //如果沒有選擇列表項(xiàng),不進(jìn)行任何操作
return false;
with (select)
{
var newIndex = selectedIndex + sequence; //獲取移動后的索引
var oldIndex = selectedIndex; //舊索引
if (newIndex>=options.length||newIndex<0||sequence==0||newIndex<0) //判斷是否超出邊界
{
return false;
}
options[newIndex].swapNode(options[oldIndex]) //交換指定索引處的節(jié)點(diǎn)
}
return true;
}
function doUp()
{
doOrder(document.all.select,-1); //向上移動的方法
}
function doDown()
{
doOrder(document.all.select,1); //向下移動的方法
}
</script>
</body>
</html>
?? 快捷鍵說明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -