HTML TD和传递TD onclick

时间:2019-05-29 04:37:22

标签: html

我希望能够单击表数据,一旦单击它,它便应将表数据中的内容存储到我可以使用的变量中。

例如{ "query": { "bool": { "must": [ { "multi_match": { "query": "some_text", "fields": [ "firstname^1.0" ] } }, { "bool": { "should": [ { "terms": { "tags": [ "t1", "t2", "" ] } }, { "bool": { "must_not": { "exists": { "field": "tags" } } } } ] } } ] } } }

TD="1234" OnClick AX="1234"

还是一个初学者,所以不确定如何使某些标签/代码相互配合

display=AX
conduct search=AX

从示例代码中,我想要实现的是如果我单击子tds之一(例如:文件管理工具),我希望该信息存储在变量中(AX = 文件管理工具),然后我可以将其传递到其他表单进行搜索。

这可行吗?

在此先感谢您的回答。

1 个答案:

答案 0 :(得分:0)

您可以使用jquery,因此任何td的onclick都可以在input中获得该值,然后使用该值将其传递给另一个form。例如:

$("td").click(function() {
 
  console.log($(this).text());
  //putting value of selected td in input
   $(".abc").val($(this).text());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
<tr>  
<th>ID</th>  
<th colspan="2">Name</th>  
</tr>    
<tbody>  
<tr class="parent" id="row101" title="Click to expand/collapse" 
style="cursor: pointer;">  
<td>101</td>  
<td colspan="2">File Management Tool</td>  
</tr> 

<tr class="child-row101" style="display: none;">  
<td> </td>  
<td>New File Tool</td>
</tr>  

<tr class="child-row101" style="display: none;">  
<td> </td>  
<td>Transfer Report</td>  
</tr>
</table>

<input type="text" name="abc" class="abc">