如何使用-2\f25 javascript -2\f6选择不同的单选按钮来填充选择选项列表
如何使用-2\f25 javascript -2\f6选择不同的单选按钮来填充选择选项列表
提问于 2009-05-04 05:46:07
我必须使用-2\f25 java script-2\f6选择不同的单选按钮来动态填充-2\f25 select -2\f25 ooption -2\f6列表。现在我正在使用它，但它不能正常工作
{
var i;
var x1;
var x3;
var x=document.getElementById("ddbudget_min");//option list1
var x2=document.getElementById("ddbudget_max");//optionlist2
x1=x.length;
for (x1 = x.length; x1 >= 0; x1--) {
x[x1] = null;
}
x3=x2.length;
for (x3 = x2.length; x3 >= 0; x3--) {
x2[x3] = null;
}
x[0] = new Option("select min", 1);
x[1] = new Option(1000, 2);
x[2] = new Option(5000, 3);
x[3] = new Option(10000, 4);
x[4] = new Option(20000, 5);
x[5] = new Option(50000, 6);
x[6] = new Option("1 lakh", 7);
x[7] = new Option(">1 lakh", 8);
x2[0] = new Option("select max", 0);
x2[1] = new Option(1000, 1);
x2[2] = new Option(5000, 2);
x2[3] = new Option(10000, 3);
x2[4] = new Option(20000, 4);
x2[5] = new Option(50000, 5);
x2[6] = new Option("1 lakh", 6);
x2[7] = new Option(">1 lakh", 7);
}回答 1
Stack Overflow用户
回答已采纳
发布于 2009-05-04 07:42:19
@Saurabh -既然你对jQuery不感兴趣(我同意这是最好的方式)，我假设这可能是你在普通的老式javascript风格中寻找的。只需复制下面的html/javascript并尝试一下。
<html>
<head>
<title>Test Page For Min/Max Options</title>
<script>
var minOptions=[];
minOptions[0] = new Option("Select Min", 1);
minOptions[1] = new Option(1000, 2);
minOptions[2] = new Option(5000, 3);
minOptions[3] = new Option(10000, 4);
minOptions[4] = new Option(20000, 5);
minOptions[5] = new Option(50000, 6);
minOptions[6] = new Option("1 lakh", 7);
minOptions[7] = new Option(">1 lakh", 8);
var maxOptions=[];
maxOptions[0] = new Option("Select Max", 0);
maxOptions[1] = new Option(1000, 1);
maxOptions[2] = new Option(5000, 2);
maxOptions[3] = new Option(10000, 3);
maxOptions[4] = new Option(20000, 4);
maxOptions[5] = new Option(50000, 5);
maxOptions[6] = new Option("1 lakh", 6);
maxOptions[7] = new Option(">1 lakh", 7);
window.onload = function() {
for(i=0; i < minOptions.length; i++){
document.getElementById("ddbudget_min").options.add(minOptions[i]);
}
for(i =0; i < maxOptions.length; i++){
document.getElementById("ddbudget_max").options.add(maxOptions[i]);
}
}
function selectMinMax(e){
document.getElementById("ddbudget_min")
.style.display = e.value == 'min' ? 'block' : 'none';
document.getElementById("ddbudget_max")
.style.display = e.value == 'max' ? 'block' : 'none';
}
</script>
</head>
<body>
<form method="get" action="">
<input type="radio" name="radioMinMax" value="min"
onclick="selectMinMax(this)" checked />Minimum
<input type="radio" name="radioMinMax" value="max"
onclick="selectMinMax(this)" />Maximum<br/>
<select id="ddbudget_min" name="ddbudget_min"
style="display:block"></select>
<select id="ddbudget_max" name="ddbudget_max"
style="display:none"></select>
</form>
</body>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/818906
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号