ボタンをクリックした後にテキストフィールドに何かを追加する

ボタンaをクリックしたときにテキストフィールドに文字を追加しようとしています。しかし、なぜそれが動作していないのかわかりません。私はスタック交換でここからコードを得ました。どんな助けも常に高く評価されます。ボタンをクリックした後にテキストフィールドに何かを追加する

<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>

出典

2016-12-07 user4826575

この質問にはjqueryタグは無用です。 – Jaber

あなたはすでに機能onclickを呼び出しているようeventを添付する必要はありません。

Asloあなたはtext

function buttonPress(added) 
{ 
    var text = document.getElementById('stringInput'); 
    text.value= (text.value + added); 

}

textboxのvalueプロパティをする必要はありません。またinvalid.Itでbuttonのためのあなたのhtmlはあなたのコード内のいくつかの問題があり

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

出典

2016-12-07 04:09:01 Mairaj

また、** onlick **を** onclick **に変更して、メソッドを引用符で囲む必要があります –

@CelsoAgraはいちょうどそれを見て、更新された回答ありがとう – Mairaj

それは動作します！本当にありがとう。ボタンの変更内容を教えてください。 – user4826575

<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;"> 
<input type="text" value="" id="test1"> 
<input id ="test2" type="text" value="ram"/><br> 
<input type="button" onclick="addInput()"/ value="click"> 

<span id="responce"></span> 
<script> 
function addInput() 
{ 
    var test1_value= document.getElementById('test1').value; 
    var test2_value= document.getElementById('test2').value; 
    document.getElementById('test2').value=''+test2_value+''+test1_value; 
} 
</script> 
</body> 
</html>

出典

2016-12-07 04:19:44

でなければなりません。コード内のタイプミスであるかどうかは不明です。例えば、。それはonclickでなければならず、ハンドラ関数は引用符で囲む必要があります。下記のhtmlを参照してください。

機能内にaddEventListenerを追加する必要もありません。すでにリスナーをhtmlコードに追加しています。関数内にリスナーを追加すると、最初にクリックすると再びイベントを追加しようとします。

下記のjsを参照してください。これはあなたのonclickをonlickとしてmispelledさ

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")' />

DEMO

出典

2016-12-07 04:23:05 brk

-1

役立つことを願っています。これはカスタム属性として読み取られます。
buttonPress（ 'a'）を内側に配置します。それはonclick = "buttonPress（ 'a'）"になります。内部にないときはエラーを表示します。
idが "stringInput"のコンポーネントの入力を使用しているため、テキストプロパティが機能しないため、代わりにvalueプロパティを使用する必要があります。

出典

2016-12-07 04:24:48 suguspnk

ボタンをクリックした後にテキストフィールドに何かを追加する

答えて

関連する問題