如何在表单之间复制内容

Question

我有两种形式：

<form method="post"> 
   Titulo <input type = "text" name="titulo_principal" value="">
   <!-- other filds -->
</form>

和

<form method="post" id="ajax_form"> 
  Titulo <input type = "text" name="titulo" value="">
  <!-- other filds -->
</form>

如何获取第一个表单的标题字段也出现在第二个表单的标题字段中？

Answer 1

首先，获取第一张表格的标题。它没有ID，因此您可以使用form:first选择器。然后，选择要更改的第二个表单的输入元素，并使用.val更改值

像这样，

var title = $('form:first').children('[name="titulo_principal"]').val();
$('#ajax_form').children('[name="titulo"]').val(title);

编辑：
如果您希望在更改第一个标题时更新第二个标题，则可以执行此操作

$('form:first').children('[name="titulo_principal"]').on('input', function() {
    var title = $(this).val();
    $('#ajax_form').children('[name="titulo"]').val(title);
});