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

前端之家收集整理的这篇文章主要介绍了javascript – 将输入值从一种形式复制到另一种形式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

Meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        
最佳答案
您不需要克隆或替换,只需更改值即可

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%;}

>通过使用:input [name],您确保仅定位:具有name属性的输入
> $(‘:input [name]’,form2)=#form2的后代
>使用val回调,您可以定位目标输入中的每一个
>将它们的值恢复为与#form1引用的同名 – 输入完全相同

原文链接:https://www.f2er.com/jquery/428745.html

猜你在找的jQuery相关文章