Javascript 单击按钮后向文本字段添加内容_Javascript_Jquery_Html

Javascript 单击按钮后向文本字段添加内容

javascript jquery html

Javascript 单击按钮后向文本字段添加内容,javascript,jquery,html,Javascript,Jquery,Html,因此，我试图在单击按钮a时，将字母添加到文本字段。然而，我似乎不明白为什么它不起作用。我在stack exchange上找到了它的代码。我们将一如既往地感谢您的帮助 <html> <head> <title>Test</title> <style> tab1 { padding-left: 8em; } tab2 { padding-left: 12em; } </style> <script src

因此，我试图在单击按钮a时，将字母添加到文本字段。然而，我似乎不明白为什么它不起作用。我在stack exchange上找到了它的代码。我们将一如既往地感谢您的帮助

<html>

<head>
<title>Test</title>
<style>
    tab1 { padding-left: 8em; }
    tab2 { padding-left: 12em; }
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>

</head>
<body style="background-color:powderblue;">

<tab2><input id="bar a" style="height:20px;width:120px" type="button" value="a" onlick=buttonPress('a')/><br><br>


<tab1><input id ="stringInput" type="text" value=""/><br>

<script language="javascript" type="text/javascript">


    var added;
function buttonPress(added)
{
    document.getElementById("bar a").addEventListener('click', function () {
    var text = document.getElementById('stringInput');
    text.text = (text.text + added);
});
}
</script>
</body>
</html>


试验
tab1{左填充：8em；}
tab2{左填充：12em；}





增加了var；
功能按钮按下（新增）
{
document.getElementById（“bar a”）.addEventListener（'click'，函数（）{
var text=document.getElementById（'stringInput'）；
text.text=（text.text+已添加）；
});
}

您不需要附加

事件

，因为您已经在调用函数

onclick

您还需要

文本框的值属性而不是文本
function buttonPress(added)
{
  var text = document.getElementById('stringInput');
  text.value= (text.value + added);

}

您的按钮的html也无效。它应该是
<input id="bar a" style="height:20px;width:120px" type="button" value="a"  onclick="buttonPress('a')" />

您不需要附加事件
，因为您已经在调用函数onclick

您还需要文本框的值属性而不是文本
function buttonPress(added)
{
  var text = document.getElementById('stringInput');
  text.value= (text.value + added);

}

您的按钮的html也无效。它应该是
<input id="bar a" style="height:20px;width:120px" type="button" value="a"  onclick="buttonPress('a')" />



试验
tab1{左填充：8em；}
tab2{左填充：12em；}


函数addInput（）
{
var test1_value=document.getElementById（'test1'）.value；
var test2_value=document.getElementById（'test2'）.value；
document.getElementById（'test2'）。值=''+test2\u值+''+test1\u值；
}

试验
tab1{左填充：8em；}
tab2{左填充：12em；}


函数addInput（）
{
var test1_value=document.getElementById（'test1'）.value；
var test2_value=document.getElementById（'test2'）.value；
document.getElementById（'test2'）。值=''+test2\u值+''+test1\u值；
}
您的代码中几乎没有问题。不确定这是否是代码中的输入错误
例如onlick=buttonPress（'a'）
。它应该是onclick
，处理函数应该是引号。请参阅下面的html
也不需要在函数内部添加addEventListener
。您已经在html代码中添加了侦听器。如果在函数中添加侦听器，那么在第一次单击时，它将再次尝试添加事件
请参阅下面的js。希望这将是有用的
var added = " New Text";
function buttonPress(added) {
  var text = document.getElementById('stringInput');
  text.value = (text.value + added);
}

HTML
<input id="bar" style="height:20px;width:120px" type="button" value="a" onclick='buttonPress("a")' />



代码中几乎没有问题。不确定这是否是代码中的输入错误
例如onlick=buttonPress（'a'）
。它应该是onclick
，处理函数应该是引号。请参阅下面的html
也不需要在函数内部添加addEventListener
。您已经在html代码中添加了侦听器。如果在函数中添加侦听器，那么在第一次单击时，它将再次尝试添加事件
请参阅下面的js。希望这将是有用的
var added = " New Text";
function buttonPress(added) {
  var text = document.getElementById('stringInput');
  text.value = (text.value + added);
}

HTML
<input id="bar" style="height:20px;width:120px" type="button" value="a" onclick='buttonPress("a")' />




你的onclick错贴为onlick。这将作为自定义属性读取
将按钮按（'a'）放在“”内。它将变成onclick=“buttonPress（'a'）”。当它不在“”内时，会提示错误
由于您正在为id为“stringInput”的组件使用输入，text属性不起作用，因此必须使用value属性
你的onclick错贴为onlick。这将作为自定义属性读取
将按钮按（'a'）放在“”内。它将变成onclick=“buttonPress（'a'）”。当它不在“”内时，会提示错误
由于您正在为id为“stringInput”的组件使用输入，text属性不起作用，因此必须使用value属性
此外，还必须将onlick更改为onclick，并将方法置于quotes@CelsoAgra是的，刚才看到了，并更新了答案，谢谢你写的onlick
，应该是onclick
，而且buttonPress（'a）
应该用引号括起来。另外，你必须将onlick改为onclick，并将该方法置于quotes@CelsoAgra是的，刚才看到了，并更新了答案，谢谢你写的onlick
，应该是onclick
而且buttonPress（'a）
应该用引号括起来。jquery标签对这个问题没有用。jquery标签对这个问题没有用。