1. 爱易网页
  2. JavaSript
  3. A标签中的onclick事件无法触发，求大神们看看有关问题给以解决(急)

A标签中的onclick事件无法触发，求大神们看看有关问题给以解决(急)

日期：2014-05-16　 浏览次数：20477 次

A标签中的onclick事件无法触发，求大神们看看问题给以解决(急急急急)
先贴自己的代码
servlet中的部分代码：
sb.append("<center>");
sb.append("<h2>数据中心</h2>");
sb.append("<table border='1' cellpadding='2' cellspacing='0'>");
for (int i = 0; i < list.size(); i++) {
sb.append("<tr>");
boards=list.get(i);
sb.append("<td>");
sb.append("<a href=\"javascript:void(0)\"  onclick=\"checkId('"+boards.getS_id()+"')\" >");
sb.append(boards.getS_id());
sb.append("</a>");
sb.append("</td>");
sb.append("<td>"+boards.getS_name()+"</td>"); 
sb.append("<td>"+boards.getS_contents()+"</td>");
sb.append("<td>"+boards.getS_date()+"</td>");
sb.append("</tr>");
}
sb.append("</table>");
sb.append("</center>");
System.out.println("出servletSelect");
out.write(sb.toString());

jsp中部分ajax：
function checkId(sid){

 if (window.XMLHttpRequest) {  
            xmlhttp = new XMLHttpRequest();  
        } else if (window.ActiveXObject) {
            xmlhttp = new ActiveXObject("Microsoft.xmlhttp");  
        }  
        if (xmlhttp != null && sid !=null) {
         var url="boardsServletUpdateById?sid="+sid;
         alert("sid="+sid);
            xmlhttp.open("GET", url, true); 
            alert("url="+url);
            xmlhttp.send(null);  
        } else {  
            alert("Your browser does not support xmlhttp");  
        }  
}


自己设计了一个a href标签   希望在点击的时候触发checkID事件从而把id给传过去··但是现在点击一直是无法触发的···是在firefox下进行测试的···求各位大神给看看
------解决方案--------------------
普通输出下 sb.append("<a href=\"javascript:void(0)\"  onclick=\"checkId('"+boards.getS_id()+"')\" >");这个看看。。 
------解决方案--------------------
动态创建的标签，要用到JQ的.live()方法或原生JS的冒泡。
<html>

	<head>

		<meta charset="utf-8"/>

		<title>动态创建标签</title>

	</head>

	<body>

		<div id="ddd">

			1111

		</div>

		<script>

		function cre(){

			var d = document.getElementById('ddd');

			var newNode = document.createElement("div");

			newNode.innerHTML = "<a href='###' id='a'>这是一个连接</a>";

			d.appendChild(newNode); 

		}

		cre();//创建

		//原生方法调用

		var d = document.getElementById('ddd');

		d.getElementsByTagName("a")[0].onclick=function(){

			alert("原生方法")

			return false;

		}

		</script>

		<script src="jq.js"></script>

		<

相关资料更多>

  1. extjs grid的Ext.grid.CheckboxSelectionModel默认选中解决办法
  2. 关于对联广告不能滚动的有关问题
  3. js获取当前文本的对象的有关问题
  4. 用jquery解析JSON数据的步骤
  5. 网页计时器解决办法
  6. jquery 正则有关问题
  7. 使用jsonplugin常见有关问题
  8. ExtJs Grid 嵌套 可编者
  9. js中的事件,有关问题