通過單擊超鏈接在輸入框中插入值

Question

表格列顯示學生證編號，如下所示：-（ PHP代碼）

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

表格下方有一個輸入框，用於輸入學生證

當用戶單擊上面的鏈接時，我想將$ res變量的值添加到輸入框中。

該值將在以后用於搜索該特定學生的結果

如何用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(); 以確保頁面不會重定向到任何地方。