论坛徽章:: 0

电梯直达

1楼 [收藏(0)] [报告]

发表于 2011-12-22 08:54 |只看该作者 |倒序浏览

<html>
<head>
<title>test</title>

<script type="text/javascript">

function dblclick(it)
{
        var parent = it.parentNode;
        var options = parent.getElementsByTagName("option");
        var opt = "";

        for (var i = 0; i < options.length; i++)
        {
                if (options[i].firstChild.nodeValue != it.firstChild.nodeValue)
                {
                        opt += "<option ondblclick=\"dblclick(this)\">" + options[i].firstChild.nodeValue + "</option>";
                }
        }

        parent.innerHTML = opt;

        var other;

        if (parent.id == "interface1")
        {
                other = document.getElementById("interface2");
        }
        else
        {
                other = document.getElementById("interface1");
        }

        other.innerHTML += "<option ondblclick=\"dblclick(this)\">" + it.firstChild.nodeValue + "</option>";
}

</script>

</head>

<body>

<table id="table" width="40%" border="0">
<tr>

        <td>
                <select id="interface1" size="8" width="300" style="width:300px">
                <option ondblclick="dblclick(this)">eth0</option>
                <option ondblclick="dblclick(this)">eth1</option>
                <option ondblclick="dblclick(this)">eth2</option>
                <option ondblclick="dblclick(this)">eth3</option>
                </select>
        </td>
        <td>
                <select id="interface2" size="8" width="300" style="width:300px">
                </select>
        </td>
</tr>
</table>

</body>
</html>

文库|博客

返回列表

Chinaunix › 论坛 › 程序设计 › Web开发 › dblclick事件处理例子

dblclick事件处理例子 [复制链接]