将输入值从一种形式复制到另一种形式

用户名

将输入值从一种形式复制到另一种形式(其中每种形式的输入都具有相同名称)的最佳方法是什么?我提出了以下建议,但效率似乎非常低(我知道效率可能并不重要,但仍然想知道)。谢谢

http://jsbin.com/beyixeqa/1/

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Testing</title>  
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js" type="text/javascript"></script>
        <script type="text/javascript"> 
            $(function(){
                $('#copy').click(function(){
                    var form1=$('#form1').find(':input');
                    var form2=$('#form2');
                    form1.each(function() {
                        var $t=$(this);
                        form2.find('[name="'+$t.attr('name')+'"]').val($t.val());
                    });
                });

            });
        </script>
    </head>

    <body>
        <button id="copy">copy</button>
        <form id="form1">
            <input name="a" type=text>
            <input name="b" type=text>
            <input name="c" type=text>
            <input name="d" type=text>
        </form>
        <form id="form2">
            <input name="a" type=text>
            <input name="b" type=text>
            <input name="c" type=text>
            <input name="d" type=text>
        </form>

    </body> 
</html>
罗科·C·布尔扬

您无需克隆或替换,只需更改 value

jQuery(function( $ ) {


  function copyForms( $form1 , $form2 ) {
    $(':input[name]', $form2).val(function() {
      return $(':input[name=' + this.name + ']', $form1).val();
    });
  }

  $('#copy').on('click', function() {
    copyForms(  $('#form1') , $('#form2')  );
  });


});
/*this demo only*/
body{display:flex;}form{padding:16px;background:#ddd;}form>*{box-sizing:border-box;width:100%;}
<form id=form1>
  FORM
  <input    name=a type=text value="FOO">
  <input    name=b type=button value="BAR">
  <textarea name=c>BAZ</textarea>
  <select   name=d>
    <option value="a">a</option>
    <option value="b" selected>b</option>
  </select>
</form>

<button id="copy">COPY&rarr;</button>

<form id=form2>
  HIDDEN FORM
  <input    name=a type=text>
  <input    name=b type=button value="...">
  <textarea name=c></textarea>
  <select   name=d>
    <option value="a">a</option>
    <option value="b">b</option>
  </select>
</form>

<script src="//code.jquery.com/jquery-3.1.0.min.js"></script>

  • 通过使用,:input[name]您可以确保 定位:input具有name属性的s
  • $(':input[name]', form2) =的后代 #form2
  • 使用val回调,您可以定位目标输入中的每个输入
  • 返回它们的值是完全按照他们的引用同named- :inputs#form1

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将输入值从一种形式复制到另一种形式

来自分类Dev

jQuery-将输入值从一种形式复制到另一种形式(形式和输入名称相同)

来自分类Dev

将值从一种模型传递到另一种模型的形式

来自分类Dev

在C#中将面板从一种形式复制到另一种形式

来自分类Dev

将信息从一种形式传递到另一种形式?

来自分类Dev

Foreach在将所有控件从一种形式复制到另一种形式时没有遍历所有控件

来自分类Dev

在文本框中输入从一种形式到另一种形式的DateTime值

来自分类Dev

将数据从一种纹理复制到另一种-OpenGL

来自分类Dev

将数据从一种纹理复制到另一种-OpenGL

来自分类Dev

单击按钮将值从一种形式传递到另一种形式

来自分类Dev

如何将值从一种形式传递到另一种形式的动态创建的控件

来自分类Dev

将值从一种形式传递到另一种形式作为消费者参数

来自分类Dev

WinForms-将值从一种形式传递到另一种形式

来自分类Dev

提交时如何将值从一种形式传递到另一种形式?

来自分类Dev

将datagridview从一种形式传递到另一种c#

来自分类Dev

如何将变量从一种 qt 形式传递到另一种形式的 qt 形式?

来自分类Dev

在C#中将控件和变量的状态从一种形式复制到另一种形式

来自分类Dev

如何在 MS Access 中反映/复制从一种形式到另一种形式的更改

来自分类Dev

从一种形式的类继承到另一种形式的类

来自分类Dev

PHP从一种形式获取价值到另一种形式

来自分类Dev

如何执行从一种形式到另一种形式的更新查询

来自分类Dev

使用从一种形式到另一种形式的公共空隙

来自分类Dev

如何减少从一种形式到另一种形式的加载时间

来自分类Dev

如果引导值是yes,则将值从一种形式传递到另一种形式

来自分类Dev

将javascript对象从一种形式转换为另一种形式

来自分类Dev

将DateTime格式从一种形式更改为另一种形式

来自分类Dev

将文本从一种形式转移到另一种形式

来自分类Dev

在PHP中将变量的值从一种形式传递到另一种形式

来自分类Dev

在将字符串从一种形式传递到另一种形式时调用函数

Related 相关文章

  1. 1

    将输入值从一种形式复制到另一种形式

  2. 2

    jQuery-将输入值从一种形式复制到另一种形式(形式和输入名称相同)

  3. 3

    将值从一种模型传递到另一种模型的形式

  4. 4

    在C#中将面板从一种形式复制到另一种形式

  5. 5

    将信息从一种形式传递到另一种形式?

  6. 6

    Foreach在将所有控件从一种形式复制到另一种形式时没有遍历所有控件

  7. 7

    在文本框中输入从一种形式到另一种形式的DateTime值

  8. 8

    将数据从一种纹理复制到另一种-OpenGL

  9. 9

    将数据从一种纹理复制到另一种-OpenGL

  10. 10

    单击按钮将值从一种形式传递到另一种形式

  11. 11

    如何将值从一种形式传递到另一种形式的动态创建的控件

  12. 12

    将值从一种形式传递到另一种形式作为消费者参数

  13. 13

    WinForms-将值从一种形式传递到另一种形式

  14. 14

    提交时如何将值从一种形式传递到另一种形式?

  15. 15

    将datagridview从一种形式传递到另一种c#

  16. 16

    如何将变量从一种 qt 形式传递到另一种形式的 qt 形式?

  17. 17

    在C#中将控件和变量的状态从一种形式复制到另一种形式

  18. 18

    如何在 MS Access 中反映/复制从一种形式到另一种形式的更改

  19. 19

    从一种形式的类继承到另一种形式的类

  20. 20

    PHP从一种形式获取价值到另一种形式

  21. 21

    如何执行从一种形式到另一种形式的更新查询

  22. 22

    使用从一种形式到另一种形式的公共空隙

  23. 23

    如何减少从一种形式到另一种形式的加载时间

  24. 24

    如果引导值是yes,则将值从一种形式传递到另一种形式

  25. 25

    将javascript对象从一种形式转换为另一种形式

  26. 26

    将DateTime格式从一种形式更改为另一种形式

  27. 27

    将文本从一种形式转移到另一种形式

  28. 28

    在PHP中将变量的值从一种形式传递到另一种形式

  29. 29

    在将字符串从一种形式传递到另一种形式时调用函数

热门标签

归档