通过单击超链接在输入框中插入值

Question

A table 列显示学号如下：- (PHP code)

echo "<td><b><a href = '#'><h1>".$res['studid']."</h1></a></b></td>";

table下面有输入学号的输入框

我想在用户点击上面的时候将$res变量的值添加到输入框中link。

该值稍后将用于搜索该特定学生的结果

如何使用 Javascript 实现此目的？

Answer 1

  var link = document.getElementById('studentId');
  var input = document.getElementById('search');
  link.addEventListener('click', function() {
    input.value = this.innerText;
  });

<td><b><a href='#' id="studentId"><h1>Some text</h1></a></b>
</td>
<input type="text" id="search">

Answer 2

嗯 Jquery 方式...

$("#table a").click(function(){
   $("#input").val($(this).find('h1').text());
 });

Answer 3

var studentLinks=document.querySelectorAll('td>b>a>h1');
for(var i=0;i<studentLinks.length;i++){
  studentLinks[i].parentNode.addEventListener('click',function(){
    document.getElementById('yourInputField').value=this.children[0].innerHTML;
  });
}

非jQuery 将此功能应用于所有元素的方式。

顺便说一句，a 元素不是必需的，因此也可以将其删除，并将 td>b>h1 写为选择器。

无论如何，以上JavaScript适用于所有链接。您还可以在 function 之后的括号内放置一个 e 并在功能块的顶部添加 e.preventDefault(); 以绝对确保页面不会重定向到任何地方。

通过单击超链接在输入框中插入值

Insert value in input box by clicking a hyperlink

javascript

input