2008-07-01

JS中用innerHTML生成<select>的问题

<html>
<head>
<script type="text/javascript">
function a(){
	var c = document.getElementById("t1");
	c.innerHTML="<select id='callInfoTitleID' name='callInfoTitleID' "
		+"multiple size='5' style='height:100px;width:100px;' >";
	c.innerHTML+="<option value='1'>"+'aaaa';
	c.innerHTML+="<option value='1'>"+'bbbb';
	c.innerHTML+="<option value='1'>"+'cccc';
	c.innerHTML+="</select>";
}
</script>
</head>
<body >
	<div id='t1'>
	
	</div>
<input type="button" value="OK" onclick="a()">
</body>
</html>


下拉列表没有选项,选项跑下拉列表列表外面去了.....

后来琢磨了琢磨 这样:拼字符串,拼好后再放到innerHTML里 
<html>
<head>
<script type="text/javascript">
function a(){
	var c = document.getElementById("t1");
	c.innerHTML="<select id='callInfoTitleID' name='callInfoTitleID' "
		+"multiple size='5' style='height:100px;width:100px;' >";
	c.innerHTML+="<option value='1'>"+'aaaa';
	c.innerHTML+="<option value='1'>"+'bbbb';
	c.innerHTML+="<option value='1'>"+'cccc';
	c.innerHTML+="</select>";
}
function b(){
	var c = document.getElementById("t2");
	var str = "" ;
	str+="<select id='callInfoTitleID' name='callInfoTitleID' "
		+"multiple size='5' style='height:100px;width:100px;' >";
	
	str+="<option value='1'>"+'aaaa';
	str+="<option value='1'>"+'bbbb';
	str+="<option value='1'>"+'cccc';
	str+="</select>";
	c.innerHTML = str ;
}
</script>
</head>
<body >
	<div id='t1'>
	
	</div>
	<div id='t2'>
	
	</div>
<input type="button" value="A" onclick="a()"><br><br><br>
<input type="button" value="B" onclick="b()">
</body>
</html>


这样问题就解决了 嘿嘿~~~ 晕啊
  • 542a6656-2eac-3981-941c-11009aa9b1ab-thumb
  • 描述: 出现了这种问题,下拉列表没有选项,选项跑下拉列表列表外面去了.....
  • 大小: 12.9 KB
评论
llm6101 2008-07-02
achun 写道

为什么要写那么多 innerHTML+=...呢？明显错误呀！ 

function a(){
	var c = document.getElementById("t1");
	c.innerHTML=""
		+"aaaa"
		+"bbbb"
		+"cccc"
		+"";
}



你的这个和我function b()一样了啊
对于function a(),如果innerHTML不+=的话,那最后只能有一个元素了,即</select>
achun 2008-07-01

为什么要写那么多 innerHTML+=...呢？明显错误呀！

function a(){
	var c = document.getElementById("t1");
	c.innerHTML="<select id='callInfoTitleID' name='callInfoTitleID' "
		+"multiple size='5' style='height:100px;width:100px;' >"
		+"<option value='1'>aaaa</option>"
		+"<option value='1'>bbbb</option>"
		+"<option value='1'>cccc</option>"
		+"</select>";
}
 
llm6101 2008-07-01
achun 写道
标签没有结束呀！
<option value='1'>aaa</option>
这可是基本知识呀！ 


<%@ page contentType="text/html; charset=GB2312" isErrorPage="true"%>
<%@ taglib uri="http://java.sun.com/jstl/core" prefix="c" %>
<html>
<head>
<script type="text/javascript">
function a(){
	var c = document.getElementById("t1");
	c.innerHTML="<select id='callInfoTitleID' name='callInfoTitleID' "
		+"multiple size='5' style='height:100px;width:100px;' >";
	c.innerHTML+="<option value='1'>"+'aaaa'+"</option>";
	c.innerHTML+="<option value='1'>"+'bbbb'+"</option>";
	c.innerHTML+="<option value='1'>"+'cccc'+"</option>";
	c.innerHTML+="</select>";
}
function b(){
	var c = document.getElementById("t2");
	var str = "" ;
	str+="<select id='callInfoTitleID' name='callInfoTitleID' "
		+"multiple size='5' style='height:100px;width:100px;' >";
	
	str+="<option value='1'>"+'aaaa';
	str+="<option value='1'>"+'bbbb';
	str+="<option value='1'>"+'cccc';
	str+="</select>";
	c.innerHTML = str ;
}
</script>
</head>
<body >
	<div id='t1'>
	
	</div>
	<div id='t2'>
	
	</div>
<input type="button" value="A" onclick="a()"><br><br><br>
<input type="button" value="B" onclick="b()">
</body>
</html>


但是我加上了也不好使啊,而function b()里没有结束标记也好用呢
achun 2008-07-01
标签没有结束呀！
<option value='1'>aaa</option>
这可是基本知识呀！
发表评论

提醒: 该博客已发表在公共论坛，博客所有留言会成为论坛回贴，留言请注意遵守论坛发贴规则

您还没有登录，请登录后发表评论

llm6101
搜索本博客
最近加入圈子
最新评论