Php Codeigniter在单击时获取元素的值
我试图在用户单击元素内部的文本时获取表数据。我已经尝试了很多java脚本,但我无法获得要发送回控制器进行进一步处理的值。如果你能帮我,我将不胜感激。我已经为您添加了必要的代码,以查看我是否做错了什么Php Codeigniter在单击时获取元素的值,php,html,codeigniter,Php,Html,Codeigniter,我试图在用户单击元素内部的文本时获取表数据。我已经尝试了很多java脚本,但我无法获得要发送回控制器进行进一步处理的值。如果你能帮我,我将不胜感激。我已经为您添加了必要的代码,以查看我是否做错了什么 <div class="box-content"> <table id="suppliertable" class="table table-striped table-bordered bootstrap-datatable d
<div class="box-content">
<table id="suppliertable" class="table table-striped table-bordered bootstrap-datatable datatable">
<thead>
<tr>
<th>Supplier</th>
<th>Open Range</th>
<th>Fill Content</th>
<th>Total Match</th>
</tr>
</thead>
<tbody>
<?php foreach($present_all_suppliers as $v): ?>
<tr>
<td class="center" style="color:#0c595b;"><?php echo $v->supplierCompany;?> </a> </td>
<td class="center">70%</td>
<td class="center">12%</td>
<td class="center">82%</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
</div>
您需要将数据从Javascript传递回控制器。这意味着当用户单击所讨论的对象时,必须将AJAX请求发送到相应的控制器,然后控制器可以执行一些服务器操作或返回AJAX回调函数将使用的一些数据 以下是一个例子: 这展示了如何使用AJAX和PHP对HTMLDOM对象进行动态更改 下面是关于onclick、AJAX和PHP的stackoverflow的另一个问题:
您需要学习的是AJAX以及如何构建应用程序以使用它,如果您想让页面看起来和感觉更现代的HTML5。这需要一些漂亮的AJAX和javascript附件。希望这个例子能有所帮助 1为每个您希望可点击的td添加一个“可点击”类 2按类名循环遍历所有可单击项,并为每个项分配一个事件处理程序
3单击时发出XHR请求。请显示您已经尝试过的javascript。不要将其作为注释放置。把它加到你的问题上。对不起。我将其与td id一起使用,但无法获取值,即第一列并将其传递给控制器
document.getElementById ( "tdid" ).textContent
var tdElem = document.getElementById ( "tdid" );
var tdText = tdElem.innerText | tdElem.textContent;
function addEventHandler(elem,eventType,handler){
if (elem.addEventListener)
elem.addEventListener(eventType,handler,false);
else if (elem.attachEvent)
elem.attachEvent ('on'+eventType,handler);
}
var items = document.getElementsByClassName("clickable");
i = items.length;
while(i--){
(function(item){
addEventHandler(item,"click",function(){
// make your ajax call here
window.alert("clicked on a thing: "+item.innerHTML);
});
})(items[i]);
}