木子屋
 

标题: JS操控select函数

作者: 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.047 ms

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

你没有权限发表评论

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

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.063 ms

暂无评论

返回

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

木子屋

PJBlog3 v3.2.9.518 Inside.

Processed In 0.063 ms