Php 单击HTML表格数据并插入到文本区域
我有一个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
<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?