Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/405.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 单击HTML表格数据并插入到文本区域_Php_Javascript_Html - Fatal编程技术网

Php 单击HTML表格数据并插入到文本区域

Php 单击HTML表格数据并插入到文本区域,php,javascript,html,Php,Javascript,Html,我有一个HTML表格,单元格中有文本,如下所示: <tr><td>HELLO</td></tr> 你好 然后我有一个文本区域,如下所示: 一个简单的jQuery代码片段,假设您有一个textarea和多个td要单击 (function() { var ta = $('#txt_message'); $('td').bind('click.addtextarea', function() { var text = $(th

我有一个HTML表格,单元格中有文本,如下所示:

<tr><td>HELLO</td></tr>
你好 然后我有一个文本区域,如下所示:


一个简单的jQuery代码片段,假设您有一个textarea和多个td要单击

(function() {
   var ta = $('#txt_message');
   $('td').bind('click.addtextarea', function() {
      var text = $(this).html();
      ta.val([ta.val(), text].join(' ')); /* this add words */
      /* ta.val(text);                     this print one word */
   });
})()
这里使用的是jquery。

[]

var textbox = document.getElementById('textbox');
var table = document.getElementById('table');
// add one event handler to the table
table.onclick = function (e) {
  // normalize event
  e = e || window.event; 
  // find out which element was clicked
  var el =  e.target || e.srcElement;
  // check if it's a table cell
  if (el.nodeName.toUpperCase() == "TD") {
    // append it's content to the textbox
    textbox.value += (el.textContent || el.innerText);
  }
}​

注意:所有带有
|
的条件赋值都是为了跨浏览器兼容性。

要获取值,请使用innerhtml和span,更多信息请参见:


要更新textarea,您应该能够执行如下操作:document.getElementById(“text_message”).value=x

是否要在该单元格中创建新的textarea,或将文本复制到已存在的textarea?