Javascript 如何使用JQuery在文本框中显示按钮的值？_Javascript_Jquery_Html

Javascript 如何使用JQuery在文本框中显示按钮的值？

javascript jquery html

Javascript 如何使用JQuery在文本框中显示按钮的值？,javascript,jquery,html,Javascript,Jquery,Html,如果这是一个简单的问题，我很抱歉，我不熟悉脚本、html和JQuery。我试图使其在按下1按钮时显示框中的值。我之前用Get-Element-By-Id实现了这一点，但现在我正在用Jquery进行尝试，我不明白为什么下面的代码不能工作。谢谢你的帮助页面标题 $（文档）.ready（函数（）{ $（'#按钮1'）。单击（函数（）{ var number1=“1”； $（'#output'）.html（number1）； }); }); 我猜你有点糊涂了#输出是代码中的输入，因此您希望从中读

如果这是一个简单的问题，我很抱歉，我不熟悉脚本、html和JQuery。我试图使其在按下1按钮时显示框中的值。我之前用Get-Element-By-Id实现了这一点，但现在我正在用Jquery进行尝试，我不明白为什么下面的代码不能工作。谢谢你的帮助


页面标题
$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
var number1=“1”；
$（'#output'）.html（number1）；
});
});

我猜你有点糊涂了<代码>#输出是代码中的输入，因此您希望从中读取值。如果要将值打印到另一个元素，则必须附加一个元素并更改ID，如下所示：

<input type="text" id="input">
<button id="button">Submit</button>
<span id="output"></span>

<script>
   $(document).ready(function(){
       $('#button').click(function(){
             // Always use .text() if you dont need html output.
             $('#output').text($('#input').val());
       });
   });
</script>

您可能需要阅读jQuery中的

this

和

$（this）

 $(document).ready(function(){
        $('#button1').click(function(){
              var value = $(this).val();
              $('#output').val(value);
    });
  });

请参阅此处的工作示例：

要使用jquery获取按钮值，请使用

$（“#button1”）.attr（“value”）

或

$（“#button1”）.val（）
在您的情况下，要设置输入文本的值，请使用$（'#output'）.val（$（this.attr（“value”））

最后的代码应该是
<html>
<head>
     <title>Page Title</title>
</head>

<script>
 $(document).ready(function(){
       $('#button1').click(function(){
            $('#output').val($(this).val());
        });
  });
</script>

<body>

<input type="text"   id="output">

<input type="button" name="one" value = "1" id="button1"> 

</body>
</html>


页面标题
$（文档）.ready（函数（）{
$（'#按钮1'）。单击（函数（）{
$（'#output'）.val（$（this.val（））；
});
});

一开始，我想你忘了给jQuery打电话了。因此，将此添加到标题区域--
到
如果您希望值来自单击的按钮，则可以动态使用
$(this).val(); // this will handle the selector which is clicked by you and its value

你可以把它放在一个变量中
var number1 = $(this).val();

这与我的答案有什么根本性的不同。。。？
<html>
<head>
     <title>Page Title</title>
</head>

<script>
 $(document).ready(function(){
       $('#button1').click(function(){
            $('#output').val($(this).val());
        });
  });
</script>

<body>

<input type="text"   id="output">

<input type="button" name="one" value = "1" id="button1"> 

</body>
</html>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

$('#output').html(number1);

$('#output').val(number1); // use val because input tags contain value not html

$(this).val(); // this will handle the selector which is clicked by you and its value

var number1 = $(this).val();