?? 6.11 手動調整的列表框.htm
字號:
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標題頁</title>
<script language="javascript">
function move(listItem,listObj) { //列表項添加的方法
var i = 0;
if(listItem.value != "") { //如果列表項不為空
var newOp = new Option(); //創建一個列表項
newOp.value = listItem.value; //設置列表項的值
newOp.text = listItem.value; //設置列表項的文本
listObj.options[listObj.options.length] = newOp; //添加新項到列表框中
listItem.value = "";
}
}
function remove(listObj) { //列表框的刪除方法
for(var i=0; i<listObj.options.length; i++) {
if(listObj.options[i].selected && listObj.options[i] != "") {
listObj.options[i].value = ""; //清除選定項的值
listObj.options[i].text = ""; //清除選定項的文本
}
}
delAfter(listObj); //刪除后的排序處理
}
function delAfter(alistObj) {
for(var i = 0; i < alistObj.options.length; i++) {
if(alistObj.options[i].value == "") { //值為空的會被清除
for(var j = i; j < alistObj.options.length - 1; j++) {
alistObj.options[j].value = alistObj.options[j + 1].value; //重新排列順序
alistObj.options[j].text = alistObj.options[j + 1].text;
}
var ln = i;
break;
}
}
if(ln < alistObj.options.length) {
alistObj.options.length -= 1;
delAfter(alistObj);
}
}
function Moveup(listObj) { //將列表項往上移動
for(var i = 0; i < listObj.options.length; i++) { //遍歷列表項
if (listObj.options[i].selected && listObj.options[i] != "" && listObj.options[i] != listObj.options[0]) {
var tmpval1 = listObj.options[i].value; //獲取當前項的值
var tmpval12 = listObj.options[i].text; //獲取當前項的文本
listObj.options[i].value = listObj.options[i - 1].value; //獲取上一項的值
listObj.options[i].text = listObj.options[i - 1].text //獲取上一項的文本
listObj.options[i-1].value = tmpval1; //實現上下值的互換
listObj.options[i-1].text = tmpval12; //實現上下文本的互換
}
}
}
function Movedown(listObj) { //將列表項往下移動
for(var i = 0; i < listObj.options.length; i++) {
if (listObj.options[i].selected && listObj.options[i] != "" && listObj.options[i+1] != listObj.options[listObj.options.length]) {
var tmpval1 = listObj.options[i].value; //獲取當前項的值
var tmpval12 = listObj.options[i].text; //獲取當前項的文本
listObj.options[i].value = listObj.options[i+1].value; //獲取下一項的值
listObj.options[i].text = listObj.options[i+1].text //獲取下一項的文本
listObj.options[i+1].value = tmpval1; //實現上下值的互換
listObj.options[i+1].text = tmpval12; //實現上下文本的互換
}
}
}
</script>
</head>
<body>
<form>
<input type="text" name="listItem1" value=""><br />
<input type="button" value="添加" onclick="move(this.form.listItem1,this.form.listView1)" name="btnAdd">
<input type="button" value="刪除" onclick="remove(this.form.listView1)" name="btnDel">
<input type="button" value="上移" onclick="Moveup(this.form.listView1)" name="btnUp">
<input type="button" value="下移" onclick="Movedown(this.form.listView1)" name="btnDown"><br />
<select multiple size=10 name="listView1" style="width:120px">
<option value="one">第一</option>
<option value="two">第二</option>
<option value="three">第三</option>
<option value="four">第四</option>
<option value="five">第五</option>
<option value="six">第六</option>
</select>
</form>
</body>
</html>
?? 快捷鍵說明
復制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號
Ctrl + =
減小字號
Ctrl + -