Question

我需要将按钮id的值传递给onclick函数上的文本字段，我在下面有一些临时代码，但我是javascrip的新手。 JSP页面 B1 B2 B3

   <script type="text/javascript">
   function reply_click(clicked_id)
     {
    alert(clicked_id);
     }
     </script>
    <input type="text" name="get">
   </body>
   </html>

Answer 1

如果我理解正确，您希望将按钮的值（或按钮ID？）发送到输入字段。

document.querySelector('#button').onclick = function(event) {
  document.querySelector('#textfield').value = this.textContent;
};

document.querySelector('#button-id').onclick = function(event) {
  document.querySelector('#textfield').value = this.id;
};

<button id="button">button value</button>
<button id="button-id">button id</button>

<input type="text" id="textfield">

Answer 2

让

<button id="some-id">Button</button>

是我们的按钮和

<input type='text' id="some-other-id"/>

是我们的输入字段

然后

var button = document.getElementById('some-id'),
    inputField = document.getElementById('some-other-id');
button.addEventListener('click', function(e) {
    inputField.value = this.id;
});

Answer 3

您需要提供＆＃34;获取＆＃34;，文本元素，ID并使用document.getElementById来操纵它并更改其值。

<html>
<script type="text/javascript">
   function reply_click(clicked_id)
     {
       document.getElementById("btnId").value=clicked_id;
     }
     </script>
    <body>
      <input type="text" name="get" id="btnId">
      <input type="button" id="one" value="Btn 1" onclick="reply_click(this.id);">
      <input type="button" id="two" value="Btn 2" onclick="reply_click(this.id);">
   </body>
   </html>

将按钮值的值传递给textfield

3 个答案: