URLによるフォームコントロール質問

Question

ボタンコントロールとフォームコントロールに関する質問があります。そこで、クリックしたボタンに応じてフォームのフィールド内にデータを表示したかったのです。例えば

：

ボタン1をクリック - >「あなたはボタン1をクリックした」などのテキストをフォーム内のテキストフィールドを示しています。
ボタン2クリック - >ボタン2をクリックしたようなテキストでフォーム内のテキストフィールドを表示します。

多分ここに誰かが例を挙げることができます。
ありがとうございます。

Answer 1

jqueryを使用して、すべてのボタンクリックイベントを取得し、クリックされたボタンの名前を取得し、値をこのように設定されたmsgテキストに設定します。

$('button').click(function() 
 
{ 
 
    $('#msg').val("you clicked " +$(this).attr('name')); 
 

 
})

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

 
<form action="" > 
 

 
msg : <input type="text" name="msg" id="msg" > 
 
<button name="button1" id="button1" >button1</button> 
 
<button name="button2" id="button2" >button2</button> 
 

 
<span id="msg"> </span> 
 
</form>