<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档 </title>
<head>
</head>
<script>
var create_element = function()
{
var _input = document.createElement("input");
var _button = document.createElement("input");
var _del_button = document.createElement("input");
_button.setAttribute("type","button");
_button.setAttribute("value",'增加');
_del_button.setAttribute("type","button");
_del_button.setAttribute("value","删除");
document.body.appendChild(_input);
document.body.appendChild(_button);
document.body.appendChild(_del_button);
}
var add_input = function()
{
var _input = document.createElement("input");
_input.setAttribute("type","text");
document.body.appendChild(_input);
}
var remove_input = function()
{
document.body.removeChild(document.body.lastChild);
}
window.onload = function()
{
create_element();
if(document.all)
{
document.body.lastChild.previousSibling.attachEvent("onclick",add_input);
document.body.lastChild.attachEvent("onclick",remove_input);
}
else
{
document.body.lastChild.previousSibling.addEventListener("click",add_input,false);
document.body.lastChild.addEventListener("click",remove_input,false);
}
}
</script>
<body>
</body>
</html>
<div style="visibility:hidden" >111</div>
//是style.visibility，不是div.visible
div.style.visibility="visible";
div.style.visibility="hidden";
div.style.display="none"//隐藏
div.style.display="block"//显示
<select id="Select_P">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option></select>
<div id="div_cjr_1">
</div>
<div id="div_cjr_2">
</div>
<div id="div_cjr_3">
</div>
<div id="div_cjr_4">
</div>
<div id="div_cjr_5">
</div>
window.onload=initForm;
window.onunload=function() {};
function initForm()
{
document.getElementById("Select_P").selectedIndex=0;
document.getElementById("Select_P").onchange=changnum;
}
function changnum()
{
var newnum=document.getElementById("Select_P");
for(var i=0;i<newnum;i++)
{
div_cjr_[i].style.display="block";//显示
}
}
<select id="Select_P">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option></select>
<div id="div_cjr_1">1
</div>
<div id="div_cjr_2">2
</div>
<div id="div_cjr_3">3
</div>
<div id="div_cjr_4">4
</div>
<div id="div_cjr_5">5
</div>
<script>
window.onload=initForm;
window.onunload=function() {};
function initForm()
{
document.getElementById("Select_P").selectedIndex=0;
for(i=2;i<=5;i++)
{
document.getElementById("div_cjr_"+i).style.display="none";//隐藏2-5，因为你上面设置了只显示1个div
}
document.getElementById("Select_P").onchange=changnum;
}
function changnum()
{
var newnum=parseInt(document.getElementById("Select_P").value);
var i,j;
for(i=1;i<=newnum;i++)
{
document.getElementById("div_cjr_"+i).style.display="block";//显示
}
for(j=i;i<=5;i++)
{
document.getElementById("div_cjr_"+j).style.display="none";//隐藏
}
}
</script>
