javascript - 在 JavaScript 中将具有相同 ID 的一个文本框的值复制到另一个文本框-6ren

javascript - 在 JavaScript 中将具有相同 ID 的一个文本框的值复制到另一个文本框

转载作者：行者123 更新时间：2023-11-28 16:36:32

下面是我的问题的html代码，我需要将一个文本框的内容复制到另一个具有相似ID的onblur或onkeyup。请帮助我。 javascript 函数“sync”应该针对我的问题进行更新。提前致谢。

<html>

</head>
    <body>
        <div id="container">        

            <script type="text/javascript">
function sync(order){
    var val, i, val1;
    val = document.getElementsByTagName('input');
    alert(val.length);
    for (i=0;i<val.length;i++){
            if(val[i].getAttribute('id')==order){
                val1 = document.getElementById(order).value;
                if(val1 != '')
                    break;
            }

    }

}

</script>
            <div id="body">
                <div id="wrapper">
                    <form id="assignship" name="assignship" action="/drivewise-dst/assignship" method="post">
<table class="wwFormTable">
    <table width="1024" border="0" cellspacing="0" cellpadding="0">

            <tr>
                <td height="10" colspan="3" class="titlebar"
                    style="background-repeat: no-repeat; align: right">&nbsp;</td>
            </tr>
            <tr>
                <td colspan="3">
                <table width="1011" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="17">&nbsp;</td>
                        <td width="10" bgcolor="#CCCCCC" class="header">&nbsp;</td>
                        <td width="110" bgcolor="#CCCCCC" class="header">Export To Excel</td>
                        <td width="130" bgcolor="#CCCCCC" class="header">Order #</td>
                        <td width="175" bgcolor="#CCCCCC" class="header">First Name</td>
                        <td width="205" bgcolor="#CCCCCC" class="header">Last Name</td>
                        <td width="142" bgcolor="#CCCCCC" class="header">Tracking #</td>
                        <td width="115" bgcolor="#CCCCCC" class="header">Serial #</td>
                    </tr>
                </table>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                <div
                    style="width: 993px; height: 350px; overflow: auto; overflow-x: hidden; background-color: #f9f5e3;">
                <table width="1024" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td colspan="7">
                        <div align="center"></div>
                        </td>
                    </tr>
                    <tr>
                        <td width="114">
                        <div align="center"><input name="Export7" type="checkbox"
                            id="Export7" onclick="javascript:checkedAll();" /></div>
                        </td>
                        <td width="105">&nbsp;</td>
                        <td width="175">&nbsp;</td>
                        <td width="175">&nbsp;</td>
                        <td width="142">&nbsp;</td>
                        <td width="142">&nbsp;</td>
                    </tr>


                        <input type="hidden" name="vinHidden" value="VIN" id="assignship_vinHidden"/>
                        <tr>
                            <td width="114" align="center"><input
                                value="0"
                                type=checkbox name="chkbox" id="chkbox"></input></td>
                            <td width="105" class="chartcopy">1067</td>
                            <td width="175" class="chartcopy">ELEPHANT</td>
                            <td width="175" class="chartcopy">FOX</td>
                            <td width="142"><input type="text" name="trackingNumber" size="15" maxlength="50" value="" id="1067" onblur="javascript:sync('1067')"/></td>
                            <td width="160">
                            <div class="action-error"></div>
                            <input type="text" name="serial" size="15" maxlength="10" value="" id="serial"/>
                            </td>
                        </tr>

                        <input type="hidden" name="vinHidden" value="VIN" id="assignship_vinHidden"/>
                        <tr>
                            <td width="114" align="center"><input
                                value="1"
                                type=checkbox name="chkbox" id="chkbox"></input></td>
                            <td width="105" class="chartcopy">1067</td>
                            <td width="175" class="chartcopy">ELEPHANT</td>
                            <td width="175" class="chartcopy">FOX</td>
                            <td width="142"><input type="text" name="trackingNumber" size="15" maxlength="50" value="" id="1067" onblur="javascript:sync('1067')"/></td>
                            <td width="160">
                            <div class="action-error"></div>
                            <input type="text" name="serial" size="15" maxlength="10" value="" id="serial"/>
                            </td>
                        </tr>

                        <input type="hidden" name="vinHidden" value="VIN" id="assignship_vinHidden"/>
                        <tr>
                            <td width="114" align="center"><input
                                value="2"
                                type=checkbox name="chkbox" id="chkbox"></input></td>
                            <td width="105" class="chartcopy">1067</td>
                            <td width="175" class="chartcopy">ELEPHANT</td>
                            <td width="175" class="chartcopy">FOX</td>
                            <td width="142"><input type="text" name="trackingNumber" size="15" maxlength="50" value="" id="1067" onblur="javascript:sync('1067')"/></td>
                            <td width="160">
                            <div class="action-error"></div>
                            <input type="text" name="serial" size="15" maxlength="10" value="" id="serial"/>
                            </td>
                        </tr>

                        <input type="hidden" name="vinHidden" value="VIN" id="assignship_vinHidden"/>
                        <tr>
                            <td width="114" align="center"><input
                                value="3"
                                type=checkbox name="chkbox" id="chkbox"></input></td>
                            <td width="105" class="chartcopy">1085</td>
                            <td width="175" class="chartcopy">CAT</td>
                            <td width="175" class="chartcopy">DOG</td>
                            <td width="142"><input type="text" name="trackingNumber" size="15" maxlength="50" value="" id="1085" onblur="javascript:sync('1085')"/></td>
                            <td width="160">
                            <div class="action-error"></div>
                            <input type="text" name="serial" size="15" maxlength="10" value="" id="serial"/>
                            </td>
                        </tr>

                        <input type="hidden" name="vinHidden" value="VIN" id="assignship_vinHidden"/>
                        <tr>
                            <td width="114" align="center"><input
                                value="4"
                                type=checkbox name="chkbox" id="chkbox"></input></td>
                            <td width="105" class="chartcopy">3333</td>
                            <td width="175" class="chartcopy">APPLE</td>
                            <td width="175" class="chartcopy">BOY</td>
                            <td width="142"><input type="text" name="trackingNumber" size="15" maxlength="50" value="" id="3333" onblur="javascript:sync('3333')"/></td>
                            <td width="160">
                            <div class="action-error"></div>
                            <input type="text" name="serial" size="15" maxlength="10" value="" id="serial"/>
                            </td>
                        </tr>

                        <input type="hidden" name="vinHidden" value="VIN" id="assignship_vinHidden"/>
                        <tr>
                            <td width="114" align="center"><input
                                value="5"
                                type=checkbox name="chkbox" id="chkbox"></input></td>
                            <td width="105" class="chartcopy">3333</td>
                            <td width="175" class="chartcopy">APPLE</td>
                            <td width="175" class="chartcopy">BOY</td>
                            <td width="142"><input type="text" name="trackingNumber" size="15" maxlength="50" value="" id="3333" onblur="javascript:sync('3333')"/></td>
                            <td width="160">
                            <div class="action-error"></div>
                            <input type="text" name="serial" size="15" maxlength="10" value="" id="serial"/>
                            </td>
                        </tr>

                        <input type="hidden" name="vinHidden" value="VIN" id="assignship_vinHidden"/>
                        <tr>
                            <td width="114" align="center"><input
                                value="6"
                                type=checkbox name="chkbox" id="chkbox"></input></td>
                            <td width="105" class="chartcopy">3334</td>
                            <td width="175" class="chartcopy">APPLE</td>
                            <td width="175" class="chartcopy">BOY</td>
                            <td width="142"><input type="text" name="trackingNumber" size="15" maxlength="50" value="" id="3334" onblur="javascript:sync('3334')"/></td>
                            <td width="160">
                            <div class="action-error"></div>
                            <input type="text" name="serial" size="15" maxlength="10" value="" id="serial"/>
                            </td>
                        </tr>

                        <input type="hidden" name="vinHidden" value="VIN" id="assignship_vinHidden"/>
                        <tr>
                            <td width="114" align="center"><input
                                value="7"
                                type=checkbox name="chkbox" id="chkbox"></input></td>
                            <td width="105" class="chartcopy">3335</td>
                            <td width="175" class="chartcopy">APPLE</td>
                            <td width="175" class="chartcopy">BOY</td>
                            <td width="142"><input type="text" name="trackingNumber" size="15" maxlength="50" value="" id="3335" onblur="javascript:sync('3335')"/></td>
                            <td width="160">
                            <div class="action-error"></div>
                            <input type="text" name="serial" size="15" maxlength="10" value="" id="serial"/>
                            </td>
                        </tr>

                </table>
                </div>
                </td>
                <td>&nbsp;</td>
            </tr>
            <tr>
                <td colspan="3">
                <table width="1011" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td height="43" bgcolor="#FFFFFF">&nbsp;</td>
</td>
                        <td width="157" bgcolor="#FFFFFF"><input type="button" alt="" id="xxx" name="xxx" value="submit"/>

                        </td>
                    </tr>
                </table>
                </td>
            </tr>


    </table>
</table></form>                                     
                </div>
             </div>
        </div>
    </body>

</html>

最佳答案

您的主要问题是您的所有 <input>元素具有相同的 id“1067”。这不仅不符合 XHTML 标准，而且还会导致您的 javascript 出现问题，如 document.getElementById(order)将返回多个元素，此函数无法处理这种情况。

我建议将类(class)应用于所有 <input>元素，使用 jQuery 绑定(bind) .blur()事件到该类的每个元素，并以这种方式执行逻辑(使用 jQuery 的 foreach 枚举器而不是具有 id 匹配的 for 循环)。

当然，您也可以使用常规 JavaScript 来完成此操作(正如您所做的那样，在实际元素上内联“onblur”事件连接)。

但首先，修复 HTML，以便它可以与 JavaScript 很好地配合。

关于javascript - 在 JavaScript 中将具有相同 ID 的一个文本框的值复制到另一个文本框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3705116/

文章推荐： javascript - 如果未提交任何内容，则清除文本字段

文章推荐： html - 我的内容周围的 CSS 边框

文章推荐： python - 平滑具有已知倾角的时间序列的函数

文章推荐： html - 将图标添加到 Bootstrap 选项卡

python - 为什么 id(id) 和 id(id(id)) 总是返回相同的值，而 id(id(id(id))) "loops"超过 3 个值？
出现在 python 2.7.8 中。 3.4.1 不会发生这种情况。示例: >>> id(id) 140117478913736 >>> id(id) 140117478913736 >>> id
javascript - ID、唯一 ID、客户端 ID、唯一客户端 ID、静态客户端 ID？
好吧，我对动态创建的控件的 ID 很困惑。 Public Class TestClass Inherits Panel Implements INamingContainer
java - Stackoverflow 和 Hibernate 使用 sql IN (id, id, id, id..id)
我收到下面的错误，说有堆栈溢出。发生这种情况是因为带有 IN (id, id, id...id) 的 SQL 语句有大量参数。有没有什么办法解决这一问题？这是在我使用 Eclipse 的本地环境中发生
python - 为什么 CPython 中 id({}) == id({}) 和 id([]) == id([]) ？
为什么 CPython(不知道其他 Python 实现)有以下行为？ tuple1 = () tuple2 = ()
python - 为什么 CPython 中的 id({}) == id({}) 和 id([]) == id([])？
为什么 CPython(对其他 Python 实现一无所知)有以下行为？ tuple1 = () tuple2 = ()
.net - 属性 'ID' : ID or Id? 的正确命名约定是什么
非常简单的问题:当我有一个持久对象时，它通常有一个名为 ID 的属性(对于抽象类)。那么..命名约定是ID还是Id？例如。 public int ID { get; set; } 或 public
java - ID 必须存在于容器中或作为生成的列，缺少 id : id
知道为什么我会收到此错误，我已经尝试了所有命名约定(小写/大写) 我正在使用 Vaadin，这是我的代码片段: public class Usercontainer extends BeanI
python - 为什么 id({}) == id({}) 和 id([]) == id([]) 在 CPython 中？
为什么 CPython(不知道其他 Python 实现)有以下行为？ tuple1 = () tuple2 = ()
sql - shift id's of table alike (id = id + 1) 其中 id 是主键
我需要改变表的所有主键 UPDATE TODO SET id = id + 1 但我做不到(Demo 来自 Ahmad Al-Mutawa 的回答)描述了原因。主键不能这样改。我也不能根据这是 sq
mysql - JOIN ids 以 0 作为父 id，查询具有不同父 id 的 id
我正在尝试列出与用户相关的讨论列表。想象一下，如果你愿意的话: posts -------------------------------------------------------------
php - Mysql group_concat(id) 作为左连接中的 ids 并使用 ids 选择 id 组中的所有列
我有一个表，其中包含一些具有自己的 ID 和共享 SKU key 的文章。我尝试使用左连接进行查询，并使用组结果获取从查询返回的所有 id。我的数据结构是这样的: id - name -
mysql - 为什么 `if(id=max(id), id, id+1)` 在 mysql 中没有按预期工作
在下表People中: id name 1 James 2 Yun 3 Ethan 如果我想找到最大 ID，我可以运行此查询 select max(id) id from People; 结果是
javascript - 如何通过单击子 ID 找到父 ID，然后通过 jquery 获取父 ID 来查找子 ID
我正在产品页面上创建评论模块，其中显示垃圾评论选项，并显示 onclick 显示和隐藏弹出窗口。现在它在单个评论中工作正常但是当评论是两个时它同时打开两个因为类是相同的。现在这就是为什么我想要获取父
c# - 如果实体没有 ID，是否可以让 NHibernate 自动生成 ID，或者如果实体已经有 ID，是否可以使用实体的 ID？
根据 REST 哲学，PUT操作应该(取自维基百科): PUT http://example.com/resources/142 Update the address member of the co
javascript - 如何以编程方式获取属性 ID、 View ID 和帐户 ID？
我想知道如何在使用 PHP 或 JavaScript 进行身份验证后从 Google Analytics 获取 Property Id、View Id 和 Account Id？因为我希望能够将它们存
javascript - 我想使用所选按钮的 id，但如何从中获取 id？ this.id 不起作用
我想使用所选按钮的 ID 进行删除。但我不知道如何从中获取/获取 id。我尝试了 this.id 但不起作用。这是我创建按钮的地方: var deleteEmployer= document.cre
php - 通过给定的 ID 获取所有相关的父 ID 和子 ID
我有一个具有以下结构的表“表” ID LinkedWith 12 13 13 12 14 13 15 14 16
sql - 您如何找到一条链的原始 ID、第一个 ID 和最后一个 ID？
请不要在未阅读问题的情况下将问题标记为重复。我确实发布了一个类似的问题，但 STACKOVERFLOW 社区成员要求我单独重新发布修改后的问题，因为考虑到一个小而微妙的修改，解决方案要复杂得多。假设
Java 类构造函数 this.id = id 或 this.setId(id)
在 Android Studio 中，我创建了一个 Person.java 类。我使用Generate 创建了getter 和setter 以及构造函数。这是我的 Person.java 类: pu
jquery - 显示#id - 当悬停另一个#id 时隐藏#id
如何在 jQuery 中制作这样的东西: //这是显示的主体 ID //当我悬停 #hover-id 时，我希望 #principal-id 消失并更改。但是当我将光标放在 #this-id 上时

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 在 JavaScript 中将具有相同 ID 的一个文本框的值复制到另一个文本框