Ajax动态添加dom元素
$("#addTr").html(""); //每次添加dom则会叠加,那么先清楚之前的table
//获取所有的部门信息,从数据库中
var url ="/XServer/department.do?_method=doSearch" ;
Base.ajax({
url : url,
type : "post",
dataType : "json",
mysuccess : function(data) {
console.log(data);
//获取所有的val
var val = data.rows;
for(var i = 0; i < val.length ; i++ ){
$("#addTr").append(
"<tr>"
+"<td><div>"+(i+1)+"</div></td>"
+"<td><div>"+val[i].id+"</div></td>"
+"<td><div><input class = 'form-control' data='name' type='text' value='"+val[i].name+"' disabled></input><div></td>"
+"<td><div><input class = 'form-control' data='code' type='text' value='"+val[i].code+"' disabled></input><div></td>"
+"</tr>")
}
}
});
Ajax动态添加dom元素 给dom元素添加事件
dom添加的元素绑定事件:
绑定点击事件:$("#addTrPosition").on('dblclick','tr',function(){} 用别的绑定不上哦 必须用on
绑定input标签改变事件 $("#addTrPosition").on("change","input", function aa(){} 还是必须用on绑定
on之前的元素应该是页面上的标签,子节点放在 on后边
bootstrap点击变色
重点是改变class属性
$('.danger').removeClass('danger');
$(this).attr("class","danger");
还有一些success 、danger 、。。。
jQuery 获取select选中的option
alert($("#id option:selected").val());