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

最新推荐文章于 2024-04-29 16:56:15 发布

llm610

最新推荐文章于 2024-04-29 16:56:15 发布

阅读量846

点赞数

分类专栏： JavaScript 文章标签： C C++ C# HTML SUN

JavaScript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏


<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>