Question

我正在尝试获取一个位于页面上方的输入字段，将其内容移动到页面底部的表单字段并提交表单。

请看我在这里做了什么（不起作用）：

$('#move_down').click(function() {
    $('#input_1').val($('#input_2').val())
});

<input type="text" id="input_1" value="">
<br>
<button id="move_down">Click Here</button>
<br>
<input type="text" id="input_2" value="">

<script src="//code.jquery.com/jquery-3.2.0.js"></script>

移动数据只是第一部分，我也试图将用户带到主窗体并提交它 - 这可以用jQuery吗？

更新了问题以修复遗漏ID选择器的愚蠢错误。只需要弄清楚如何提交表格。

Answer 1

缺少id选择器的#前缀

正常工作

$('#move_down').click(function() {
    $('#input_2').val($('#input_1').val())
});

<input type="text" id="input_1" value="">
<br>
<button id="move_down">Click Here</button>
<br>
<input type="text" id="input_2" value="">

<script src="//code.jquery.com/jquery-3.2.0.js"></script>

至于“向下移动”，你只在2个输入的demo中提供了html。您需要使用所有相关的html更新问题才能实现其他功能

Answer 2

你是对的;只需更正您的查询选择器：

$('#move_down').click(function() {
    $('#input_2').val($('#input_1').val())
});

http://jsfiddle.net/82x28ryr/4/

将数据从输入字段移动到另一个字段并提交表单

2 个答案: