如何使用javascript选择不同的2个单选按钮来填充选择选项列表_Javascript

如何使用javascript选择不同的2个单选按钮来填充选择选项列表

javascript

如何使用javascript选择不同的2个单选按钮来填充选择选项列表,javascript,Javascript,我必须用java脚本动态地选择Different-2单选按钮来填充Selectooption列表。。现在我正在应用它，但它不能正常工作 { 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.len

我必须用java脚本动态地选择Different-2单选按钮来填充Selectooption列表。。现在我正在应用它，但它不能正常工作

{
 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);
}

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


最小/最大选项的测试页
var minOptions=[]；
最小选项[0]=新选项（“选择最小值”，1）；
最小选项[1]=新选项（1000,2）；
最小选项[2]=新选项（5000,3）；
最小选项[3]=新选项（10000,4）；
最小选项[4]=新选项（20000,5）；
最小选项[5]=新选项（50000,6）；
最小选项[6]=新选项（“10万”，7）；
最小选项[7]=新选项（“>10万”，8）；
var maxOptions=[]；
maxOptions[0]=新选项（“选择最大值”，0）；
maxOptions[1]=新选项（1000,1）；
maxOptions[2]=新选项（5000,2）；
maxOptions[3]=新选项（10000,3）；
maxOptions[4]=新选项（20000，4）；
maxOptions[5]=新选项（50000,5）；
maxOptions[6]=新期权（“10万”，6）；
maxOptions[7]=新期权（“>10万”，7）；
window.onload=函数（）{
对于（i=0；i