通过点击Javascript函数传递td单元格的值

时间:2016-12-14 13:30:43

标签: javascript html-table

我有一个包含20行的单列html表,包含字符串(用作标记):

<table id="table_of_tags">
  <tr>
    <td id="c_01" onclick="Pass_Content_Of_Cell(_param)">Tree</td>
    </tr>
  <tr>
    <td id="c_02" onclick="Pass_Content_Of_Cell(_param)">Flower</td>
    </tr>
  ....
  </table>

函数Pass_Content_of_Cell()必须传递单击的单元格的内容,并在单个标签字符串中连接标签:&#34; Flower; Tree;&#34; (它的作用无关紧要)。

用户可以随意点击任何标签以及他喜欢的任何顺序。

问题: _param 究竟应该使用什么?我尝试了 this.value this.text ,并没有获得任何有用的信息。

4 个答案:

答案 0 :(得分:2)

试试这个

onclick="Pass_Content_Of_Cell(this.innerText)"

或者如果你想要标记,

onclick="Pass_Content_Of_Cell(this.innerHTML)"

答案 1 :(得分:1)

试试this.innerText

<table id="table_of_tags">
<tr><td id="c_01" onclick="Pass_Content_Of_Cell(this.innerText)">Tree</td><tr>
<tr><td id="c_02" onclick="Pass_Content_Of_Cell(this.innerText)">Flower</td><tr>
</table>

答案 2 :(得分:0)

如果您使用循环生成标记,为什么您根本不执行以下操作:

// 1. Add an event listener first
canvas.addEventListener('mousemove', tooltipDraw ,0);

// 2. Trigger this event wherever you wish
canvas.dispatchEvent(new Event('mousemove'));

我无法想象这个列表是硬编码的......

答案 3 :(得分:0)

<script type="text/javascript">
function save(val1)
{
alert("you have saved Employee "+document.getElementById(val1).innerText);  
}
function del(val1)
{
    alert("you have deleted Employee "+document.getElementById(val1).innerText);    
}
</script>
<table border="1">
  <tr>
    <th>EmployeeID</th>
    <th>Name</th> 
    <th>Email</th>
     <th>Phone</th>
      <th>Option</th>
  </tr>
  <tr>
    <td>1590</td>
    <td id="c1">Venkatesh</td> 
    <td>venki@w3s.com</td>
    <td>9943243433</td>
    <td><input type="checkbox" name="chk" id="chk"></td>
    <td><input type="button" value="Delete" id="dlt1" name="dlt1" onclick="del('c1');"><input type="button" value="Save" id="sv1" name="sv1" onclick="save('c1');"></td>
  </tr>
 <tr>
    <td>1591</td>
    <td id="c2">amarnath</td> 
    <td>amar@w3s.com</td>
    <td>9943113433</td>
    <td><input type="checkbox" name="chk" id="chk"></td>
    <td><input type="button" value="Delete" id="dlt1" name="dlt1" onclick="del('c2');"><input type="button" value="Save" id="sv1" name="sv1" onclick="save('c2');"></td>
  </tr>
<tr>
    <td>1601</td>
    <td id="c3">naveen</td> 
    <td>navs@w3s.com</td>
    <td>9943113433</td>
    <td><input type="checkbox" name="chk" id="chk"></td>
    <td><input type="button" value="Delete" id="dlt1" name="dlt1" onclick="del('c3');"><input type="button" value="Save" id="sv1" name="sv1" onclick="save('c3');"></td>
  </tr>
</table>