Javascript 在html表中选择一行
我试图在我创建的表中选择一行,并且需要使用这些值。我遇到的问题是,我在javascript中使用doms创建它,并从存储过程中获取值,然后填充表 所以我使用一个简单的div,id为-Javascript 在html表中选择一行,javascript,jquery,html,dom,Javascript,Jquery,Html,Dom,我试图在我创建的表中选择一行,并且需要使用这些值。我遇到的问题是,我在javascript中使用doms创建它,并从存储过程中获取值,然后填充表 所以我使用一个简单的div,id为- <div id="Tab1" class="tab-pane fade in active"></div> 但这并不奏效 如果您在页面中创建了一组元素,而这些元素在加载初始DOMContentLoaded后才添加,则会非常感谢您提供的任何帮助 要侦听通过JavaScript
<div id="Tab1" class="tab-pane fade in active"></div>
但这并不奏效
如果您在页面中创建了一组元素,而这些元素在加载初始DOMContentLoaded后才添加,则会非常感谢您提供的任何帮助 要侦听通过JavaScript DOM操作动态添加、删除的元素上的事件,需要使用稍微不同的事件侦听器
$document.on'%eventName%','%selector%',函数{//do your stuff} 考虑一下时机。表tr.clickfunction{alertselected;}何时运行;跑它是否在调用responseData函数之前运行?你能移动将点击处理程序添加到responseData函数末尾的代码吗?很好,我知道这将是一件微不足道的事情。非常感谢。谢谢你,这也很有效。我真的很感谢你的帮助。
function GetcarData() {
$.ajax({
type: "post",
data: JSON.stringify({
price: slidval,
}),
url: "/index.aspx/GetData",
dataType: "json",
contentType: "application/json",
success: function (object) {
responseData(object);
},
complete: function (object) {
},
error: function (object) {
}
});
}
function responseData(object) {
var stringed = JSON.stringify(object.d)
var arr = JSON.parse(stringed);
var i;
var out = "<table id='table' class='table table-striped'>";
var rowHeader = $("<tr></tr>").appendTo(out);
out += "<td><font size='4'>Make</font></td>";
out += "<td><font size='4'>Model</font></td>";
out += "<td><font size='4'>Version</font></td>";
out += "<td><font size='4'>Engine</font></td>";
out += "<td><font size='4'>(AV)Price new</font></td>";
out += "<td><font size='4'>(Av)Price used</font></td>";
out += "<td><font size='4'>Image</font></td>"
for(i = 0; i < arr.length; i++) {
out += "<tr><td>" +
arr[i].Make +
"</td><td>" +
arr[i].Model +
"</td><td>" +
"£" + arr[i].version +
"</td><td>"+
arr[i].Engine_size +
"</td><td>" +
"£" + arr[i].price_new +
"</td><td>" +
"£" + arr[i].price_used +
"</td><td><img src="+arr[i].image_url+" width='150' height='100'>" +
"</td></tr>";
}
out += "</table>";
document.getElementById("Tab1").innerHTML = out;
}
("#table tr").click(function(){
alert("selected");
});