问个弱智有关问题，如果通过下拉菜单改变文本框数量
日期：2014-05-16 浏览次数：20307 次
问个弱智问题，如果通过下拉菜单改变文本框数量?
下拉菜单数字从2-10,默认选2,默认有一个文本框,如果下拉菜单选3-10中任意一个，文本框数量自动变化3-10个..
看了好多介绍，都没搞懂:(
哪位大大有空帮忙看下啊...
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
</HEAD>
<BODY>
<select onchange= "dd(this) ">
<option value= "1 "> 11 </option>
<option value= "2 "> 22 </option>
</select >
<input type= "text " name= "aa " id= "aa ">
<script>
function dd(a){
if(a.value== "1 "){
document.getElementById( "aa ").value= "11 "
}
if(a.value== "2 "){
document.getElementById( "aa ").value=a.value
}
}
</script>
</BODY>
</HTML>
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN "
"http://www.w3.org/TR/html4/loose.dtd ">
<html>
<head>
<script language=javascript>
var maxselect=10; // 设置你的SELECT中的最大值
function creatinput(num){
window.alert(num);
//del node
for(var i=0;i <maxselect;i++)
{
var iid= "input "+i;
var d = document.getElementById(iid);
if(d){ d.removeNode(true)}
}
//------------------------del end
for(var i=0;i <num;i++){
var objt=document.createElement( "input ");
objt.name= "input "+i;
objt.id= "input "+i;
objt.value= "my name is --input "+i;
objt.removeNode(true);
document.body.appendChild(objt);
}
}
function rem(){
var d = document.getElementById( "input1 ");
d.removeNode(true);
}
</script>
</head>
<body>
<form id= "f1 " name= "f1 ">
<select name= "select " onChange= "creatinput(this.value) ">
<option value= "1 " selected> 1 </option>
<option value= "2 "> 2 </option>
<option value= "3 "> 3 </option>
</select>
<input type= "button " name= "Submit " value= "提交 " onClick= "rem() ">
</form>
<br/>
<br/>
</body>
</html>
下拉菜单数字从2-10,默认选2,默认有一个文本框,如果下拉菜单选3-10中任意一个，文本框数量自动变化3-10个..
看了好多介绍，都没搞懂:(
哪位大大有空帮忙看下啊...
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME= "Generator " CONTENT= "EditPlus ">
<META NAME= "Author " CONTENT= " ">
<META NAME= "Keywords " CONTENT= " ">
<META NAME= "Description " CONTENT= " ">
</HEAD>
<BODY>
<select onchange= "dd(this) ">
<option value= "1 "> 11 </option>
<option value= "2 "> 22 </option>
</select >
<input type= "text " name= "aa " id= "aa ">
<script>
function dd(a){
if(a.value== "1 "){
document.getElementById( "aa ").value= "11 "
}
if(a.value== "2 "){
document.getElementById( "aa ").value=a.value
}
}
</script>
</BODY>
</HTML>
------解决方案--------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN "
"http://www.w3.org/TR/html4/loose.dtd ">
<html>
<head>
<script language=javascript>
var maxselect=10; // 设置你的SELECT中的最大值
function creatinput(num){
window.alert(num);
//del node
for(var i=0;i <maxselect;i++)
{
var iid= "input "+i;
var d = document.getElementById(iid);
if(d){ d.removeNode(true)}
}
//------------------------del end
for(var i=0;i <num;i++){
var objt=document.createElement( "input ");
objt.name= "input "+i;
objt.id= "input "+i;
objt.value= "my name is --input "+i;
objt.removeNode(true);
document.body.appendChild(objt);
}
}
function rem(){
var d = document.getElementById( "input1 ");
d.removeNode(true);
}
</script>
</head>
<body>
<form id= "f1 " name= "f1 ">
<select name= "select " onChange= "creatinput(this.value) ">
<option value= "1 " selected> 1 </option>
<option value= "2 "> 2 </option>
<option value= "3 "> 3 </option>
</select>
<input type= "button " name= "Submit " value= "提交 " onClick= "rem() ">
</form>
<br/>
<br/>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
