使用文本jquery将值输入从一个传递到另一个

时间:2018-05-14 18:27:23

标签: javascript jquery html5 input

我想插入一个数字(例子1111)并在提交后得到输出(命令),如"访问用户ID 1111实例mbb" 我遇到的问题是数字应该在文本中,以及如何正确设置文本。

见下图:

enter image description here

这就是我现在所拥有的,但并不是希望的:

HTML:

  <label for="number">number:</label>
  <input type="text" name="number" id="number" />
  <input type="submit" value="Submit">

  <label for="output">output</label>
  <input type="text" size="33px"  name="output" id="output" />

JQuery:

   $('#number').change(function() {
      $('#output').val($(this).val());
    });

非常感谢您的支持

1 个答案:

答案 0 :(得分:1)

希望它有所帮助。

&#13;
&#13;
$('#submit').click(function(){
  var source = $('#source').val();
  $('#target').val('Your val: ' + source + '. Enjoy :)');
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="source">
<button type="submit" id="submit">Go</button>

<p>
<input type="text" id="target">
</p>
&#13;
&#13;
&#13;