how can i fill an select option list with the selection of different-2 radiobuttons using javascript -
I have to fill out a select ooption list with the selection of diffent-2 radiobuttons using javascript. I am implementing it, it is not working properly
{var i; Var x1; Var x3; Var x = document.getElementById ("ddbudget_min"); // Option list1 var x2 = document.getElementById ("ddbudget_max"); // optionlist2x1 = x.length; For (x1 = x.length; x1> = 0; x1--) {x [x1] = null; } X3 = x2. Laugh; For (x3 = x2.length; x3> gt; = 0; x3--) {x2 [x3] = null; } X [0] = new option ("choose minimal", 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 million", 7); X [7] = new option ("> 1 lac", 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 million", 6); X2 [7] = new option ("> 1 million", 7); }
@Saurabh - since you are not interested in jQuery (which I would agree The best way to go), I'm assuming that you are looking at the plain old school javascript style. Simply copy html / javascript below and give it a try.
& lt; Html & gt; & Lt; Top & gt; & Lt; Title & gt; Test page for minimum / maximum option & lt; / Title & gt; & Lt; Script & gt; Var Motion = []; Minimum Option [0] = New Option ("Minimum Choose", 1); Minimum Option [1] = New Option (1000, 2); Minimum Option [2] = New Option (5000, 3); Minimum Option [3] = New Option (10000, 4); Minimum Option [4] = New Option (20000, 5); Minimum Option [5] = New Option (50000, 6); Minimum option [6] = new option ("1 million", 7); Minimum Option [7] = New Option ("& gt; 1 Lacquer", 8); Var maxOptions = []; Maximum Choice [0] = New Option ("Select Maximum", 0); Maximum Choice [1] = New Option (1000, 1); Maximum Choice [2] = New Option (5000, 2); Maximum Choice [3] = New Option (10000, 3); Maximum Choice [4] = New Option (20000, 4); Maximum Choice [5] = New Option (50000, 5); Maximum choice [6] = new option ("1 million", 6); Maximum Choice [7] = New Option ("> 1 Lakh", 7); Window.onload = function () {for (i = 0; i & lt; minOptions.length; i ++) {document.getElementById ("ddbudget_min"). Options.add (mins option [i]); } (I = 0; i & lt; maxOptions.length; i ++) {document.getElementById ("ddbudget_max"). the option. Extra (maximum option [i]); }} Select functionManmax (E) {document.getElementById ("ddbudget_min") .style.display = e.value == 'min'? 'Block': 'None'; Document.getElementById ("ddbudget_max") .style.display = e.value == 'max'? 'Block': 'None'; } & Lt; / Script & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Form method = "get" action = "" & gt; & Lt; Input type = "radio" name = "radioMinMax" value = "min" onclick = "selectminmax (this)" check /> Minimum & lt; Input type = "radio" name = "radioMinMax" value = "max" onclick = "selectmenmax (this)" /> Max. & Lt; Br / & gt; & Lt; Id = "ddbudget_min" name = "ddbudget_min" style = "display: block" & gt; & Lt; / Select & gt; & Lt; Id = "ddbudget_max" name = "ddbudget_max" style = "display: none" & gt; & Lt; / Select & gt; & Lt; / Form & gt; & Lt; / Body & gt; & Lt; / Html & gt;
Comments
Post a Comment