js下拉框与text框联动问题？？
大家好，我想用js写当text输入一个数（比如4）的时候，select标签自动生成1,2,3,4的下拉框，我该怎么实现啊？？先谢谢各位大侠啦...
大家好，我想用js写 当text输入一个数（比如4）的时候，select标签自动生成1,2,3,4的下拉框，我该怎么实现啊？？先谢谢各位大侠啦
展开
展开全部
function fun() {
var sum = document.getElementById("inputtext").value;
var sel = document.getElementById("Select1");
//根据用户输入的值 循环添加到select中
for (var i = 1; i <= sum; i++) {
sel.add(new Option(i,i));
//Option(Text,Value) 第一个参数 列表显示的值，第二个参数 列表的value
}
}
var sum = document.getElementById("inputtext").value;
var sel = document.getElementById("Select1");
//根据用户输入的值 循环添加到select中
for (var i = 1; i <= sum; i++) {
sel.add(new Option(i,i));
//Option(Text,Value) 第一个参数 列表显示的值，第二个参数 列表的value
}
}
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<script>
onload = function () {
document.getElementById("txt").onchange = function () {
var value = parseInt(this.value);
if (isNaN(value)) {
alert("请输入数字!");
return;
}
var sel = document.getElementById("sel");
while ( sel.options.length>0) {
sel.remove(sel.options[0]);
}
var fragment = document.createDocumentFragment();
for (var i = 1; i <= value; i++) {
var option = document.createElement("option");
option.appendChild(document.createTextNode(i));
fragment.appendChild(
option
);
}
sel.appendChild(fragment);
}
}
</script>
</head>
<body>
<input type="text" id='txt'/>
<select id='sel'/>
<body/>
</html>
这只是一个演示，实际应用估计还需要你自己修改。
<head>
<script>
onload = function () {
document.getElementById("txt").onchange = function () {
var value = parseInt(this.value);
if (isNaN(value)) {
alert("请输入数字!");
return;
}
var sel = document.getElementById("sel");
while ( sel.options.length>0) {
sel.remove(sel.options[0]);
}
var fragment = document.createDocumentFragment();
for (var i = 1; i <= value; i++) {
var option = document.createElement("option");
option.appendChild(document.createTextNode(i));
fragment.appendChild(
option
);
}
sel.appendChild(fragment);
}
}
</script>
</head>
<body>
<input type="text" id='txt'/>
<select id='sel'/>
<body/>
</html>
这只是一个演示，实际应用估计还需要你自己修改。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
