欢迎光临

木子屋

标题: JS操控sel&#101;ct函数

作者: dnawo

日期: 2006-12-21 12:58 AM

分类: 脚本语言

内容: 复制内容到剪贴板 程序代码<select id="list1" name="list1" multiple size="6">
<option value="http://www.mzwu.com/">木子屋</option>
<option value="http://www.163.com/">网易</option>
<option value="http://www.sohu.com/">搜狐</option>
<option value="http://www.sina.com.cn/">新浪</option>
</select>
<select id="list2" name="list2" multiple size="6">
<option value="http://www.baidu.com/">百度</option>
<option value="http://www.google.com/">Google</option>
</select>
操作函数：
复制内容到剪贴板 程序代码//显示列表一全部选项
function GetAllItem()
{
var temp = "";
var obj = document.getElementById("list1");
for(var i=0;i<obj.options.length;i++)
{
temp += obj.options[i].text + "," + obj.options[i].value + "\r\n";
}
alert(temp);
}
//获取列表一第一项选择项
function GetFirstSelectedItem()
{
var obj = document.getElementById("list1");
if(obj.selectedIndex!=-1)
{
alert(obj.options[obj.selectedIndex].text + "," + obj.options[obj.selectedIndex].value);
}
}
//获取列表一全部选择项
function GetAllSelectedItem()
{
var temp = "";
var obj = document.getElementById("list1");
if(obj.selectedIndex!=-1)
{
for(var i=0;i<obj.options.length;i++)
{
if(obj.options[i].selected)
temp += obj.options[i].text + "," + obj.options[i].value + "\r\n";
}
}
alert(temp);
}
//列表一第一项选择项移到列表二末尾
function MoveToEnd()
{
var obj = document.getElementById("list1");
var obj2 = document.getElementById("list2");
if(obj.selectedIndex!=-1)
{
var option = new Option(obj.options[obj.selectedIndex].text,obj.options[obj.selectedIndex].value);
obj2.options[obj2.options.length] = option;
//obj2.add(option);
obj.options[obj.selectedIndex] = null;
}
}
//列表一全部选择项移到列表二
function MoveToFirst()
{
var obj = document.getElementById("list1");
var obj2 = document.getElementById("list2");
if(obj.selectedIndex!=-1)
{
//小技巧：从下到上进行移动
for(var i=obj.options.length-1;i>=0;i--)
{
if(obj.options[i].selected)
{
var option = new Option(obj.options[i].text,obj.options[i].value);
obj2.add(option);
obj.options[i] = null;
}
}
}
}
//清空列表二
function Clear()
{
document.getElementById("list2").options.length = 0;
}

+ 查看当前日志评论 (1)

登录

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.688 ms

返回

标题: JS操控sel&#101;ct函数

你没有权限发表评论

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.688 ms

返回

暂无评论

返回

────────────

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.705 ms

返回