两个文本输入，一个提交按钮。提交表单时，第一个输入的值出现在jQuery或JS的另一个输入中？答案

【问题标题】：Two text inputs, one submit button. When submitting the form, value of first input appears in the other input with jQuery or JS?两个文本输入，一个提交按钮。提交表单时，第一个输入的值出现在jQuery或JS的另一个输入中？
【发布时间】：2016-05-17 17:24:00
【问题描述】：

<form action="" id="form2">
  <div>
    <input type="text" id="third">
    <input type="submit" id="submit_form">
  </div>

</form>
<div>
  <input type="text" id="fourth">
</div>

两个文本输入，一个提交按钮。提交表单时，第一个输入的值出现在jQuery或JS中的另一个输入中？

提交表单后，输入值显示在另一个输入字段中。

如何仅使用 JavaScript 或 jQuery 来完成这项工作？

【问题讨论】：

你是在问还是在说？它正在发生还是您希望它发生？
我正在寻求解决方案。怎么可能？
提交时会清除当前页面是什么意思？也可以通过简单的按钮来完成
确切地说，您可以将提交按钮设置为一个简单的按钮，也可以将您从“第三”文本框中获得的值保存在 cookie 中，并在页面刷新时通过选中“第四”文本框设置文本如果设置了 cookie。

标签： javascript jquery html

【解决方案1】：

使用button 代替submit 输入类型，给你：

$('#submit_form').click(function(){
  
    $('#fourth').val($('#third').val());

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="" id="form2">
        <div>
            <input type="text" id="third">
            <input type="button" id="submit_form" value="Submit">
        </div>

    </form>
    <div>
        <input type="text" id="fourth">
    </div>

【讨论】：

【解决方案2】：

上述解决方案是正确的，但我想提供一个仅使用 javascript 的解决方案。您可以使用按钮并为其赋予 onClick 属性。

<form action=""  id="form2">
<div>
<input type="text" id="third">
<input type="button" id="submit_form" onclick="checkInput()" value="Submit">
 </div>
</form>
<div>
<input type="text" id="fourth" >
</div>

function checkInput() {  document.getElementById('fourth').value=document.getElementById('third').value;}

【讨论】：

【解决方案3】：

<html>
<head>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>

<script>
    $(document).ready(function () {

        $('#form2').submit(function (event) {
            event.preventDefault();
            $('#fourth').val($('#third').val());
             $('#form2').submit();

        });
    });
</script>
</head>
<body>
 <form id="form2">
  <div>
    <input type="text" id="third" value="ssss">
    <input type="submit" id="submit_form">
  </div>

</form>
<div>
  <input type="text" id="fourth">
</div>

</body>
</html>

【讨论】：