Javascript HTML/CSS：使用JS将数据从form1复制到form2_Javascript_Forms_Html

Javascript HTML/CSS：使用JS将数据从form1复制到form2

javascript forms html

Javascript HTML/CSS：使用JS将数据从form1复制到form2,javascript,forms,html,Javascript,Forms,Html,我有一个问题，我似乎无法解决，在过去的两天一直在看它我正在测试，所以我的JS函数可以从form1复制到form2。部分地，确实如此如果你看小提琴，我只是粘贴了一些必要的代码带有name=“txtTitle”的输入类型从name=“hidtTitle”复制而来带有name=“txtCount”的输入类型不会从name=“hidCount”复制但它应该是有效的，因为它基本上是相同的代码来自您的JSFIDLE-我认为这是一个简单的错误。你写的 formDel.hidSoundeFile

我有一个问题，我似乎无法解决，在过去的两天一直在看它

我正在测试，所以我的JS函数可以从form1复制到form2。部分地，确实如此

如果你看小提琴，我只是粘贴了一些必要的代码

带有
```
name=“txtTitle”
```
的输入类型从
```
name=“hidtTitle”
```
复制而来
带有
```
name=“txtCount”
```
的输入类型不会从
```
name=“hidCount”
```
复制

但它应该是有效的，因为它基本上是相同的代码

来自您的JSFIDLE-我认为这是一个简单的错误。你写的

formDel.hidSoundeFileName

而不是

formDel.hidSoundFileName

去掉多余的“e”，你就没事了。下面是我的工作示例。如果我错过了什么，请告诉我

<!DOCTYPE html>
<html>
    <head>

        <script type="text/javascript">
            function copyEditDeleteSongFormData(formDel, formUpd) {
                formUpd.txtTitle.value = formDel.hidTitle.value;
                formUpd.fileSoundFileName.value = formDel.hidSoundeFileName.value;
                formUpd.txtCount.value = formDel.hidCount.value;
                formUpd.txtTitle.value = formDel.hidTitle.value;
            }

        </script>
    </head>
    <body>

        <form action="adminSong.php" method="post" name="frmNewUpdateSong" id="fUpdateSong" enctype="multipart/form-data"
              onsubmit="return verifySongDetails(this)" action="adminSong.php">
            <fieldset>
                <legend>New/Edit Songs</legend>
                Artist
                <br>
                <select name="cboArtist" id="ddList">
                    <option value=''></option>
                    <option value='test1'>test1</option>
                    <option value='test2'>test2</option>
                    <option value='test3'>test3</option>
                </select><br>
                Song
                <br>
                <input type="text" name="txtTitle" id="txTitle">
                <br>
                <input type="file" name="fileSoundFileName">
                <br>
                <br>
                Count
                <br>
                <input type="text" name="txtCount">
                <br>
                <input type="submit" name="btnSave" value="Save"/>
                <input type="button" name="btnReset" value="Reset" onclick="resetNewUpdateSongFormData(this.form)"/>
                <br>
                <input type="hidden" name="hidId">
                <input type="hidden" name="hidSoundFileName">
                <br>
            </fieldset>
        </form>
        <br>


        <form action="#" method="post" name="frmEditDeleteSong" id="fDeleteSong" enctype="multipart/form-data">
            <fieldset>
                <legend>Stored Songs</legend>
                id: <br/>
                artistid:<br/>
                title:<br/>
                sound:<br/>
                count:<br/>
                changedate:<br/>
                <input type="hidden" name="hidId">
                <input type="hidden" name="hidArtistId" value="">
                <input type="hidden" name="hidTitle" value="Songtest">
                <input type="hidden" name="hidCount" value="Count123">
                <input type="hidden" name="hidSoundFileName">

                <br>
                <input type="button" name="btnEdit" value="Edit"
                       onclick="copyEditDeleteSongFormData(this.form, frmNewUpdateSong)"/>
                <input type="submit" name="btnDelete" value="Delete" onclick="verifyDeleteOfSong(this.form)"/>
                <br>

            </fieldset>
        </form>
    </body>
</html>


函数copyEditDeleteSongFormData（formDel、formUpd）{
formUpd.txtTitle.value=formDel.hidtTitle.value；
formUpd.fileSoundFileName.value=formDel.hidSoundeFileName.value；
formUpd.txtCount.value=formDel.hidCount.value；
formUpd.txtTitle.value=formDel.hidtTitle.value；
}
新建/编辑歌曲
艺术家


测试1
测试2
测试3


歌曲








计数










储存的歌曲
id:

艺术家：

标题：

声音：

计数：

更改日期：

您的小提琴有错误。。。css字段中有html。我相信缺少了一些js。你想给你的变量命名更具描述性编辑的fiddle。。按“编辑”时，歌曲和计数输入字段中应包含文本。在小提琴上，两者都没有。但是在我的电脑上，Song textfield获取复制的信息，而不是count textfield您的代码有很多错误。出现此问题的原因是第

formUpd.fileSoundFileName.value=formDel.hidSoundeFileName.value

行中的

copyEditDeleteSongFormData

函数出错，因为它找不到该元素。如果将这一行作为函数的最后一行移动，则代码将正常工作。如果您在任何浏览器的错误控制台中检查错误，您将能够看到所有错误。我已经删除了这把小提琴中的一些错误。