JS 操作select 的Option 在两个select之间移动

最新推荐文章于 2021-12-12 18:56:09 发布

BowenXu11

最新推荐文章于 2021-12-12 18:56:09 发布

阅读量385

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/BowenXu11/article/details/105492309

版权

本文讨论了在JavaScript中操作select元素的Option时遇到的一个特定问题：当页面未获得焦点时，尝试将所有Option移动到另一个select时，首次尝试可能无响应。但一旦页面获取了焦点，此问题便能得到解决。

摘要由CSDN通过智能技术生成

这个不知道为什么，如果刷新页面没有焦点的情况下，点全部移动，第一次没有反应，有了焦点就没事了。

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title></title>
    <style type="text/css">
        select {
   
        width:300px;
        }
    </style>
    <script type="text/javascript">
        window.onclick = function () {
   
            //1.select左面移动到右面
            //1.1获取按钮对象
            var selLeft = document.getElementById('selLeft');
            var selRight = document.getElementById('selRight');