Hi everyone, I have a problem here.
I need to create a table, it consists of 2 drop down and 1 optional textbox.
2 drop down we’ll name it as A and B and textbox as C.
When none is being selected or entered, A will be enabled but B and C will stay as disabled.
When A is selected, B is enabled but showing only certain or respective choices that has been determined by A, but C is disabled.
When A and B has been selected, C is enabled but user may or may not need to enter values in it.
So for example, if user enters something, my program will grab the values and work on it.
But if user did not enter anything, program will grab what is in A and B to proceed to next page.
I can only get the 2 drop down box working, meaning after selecting A, B will show some options that is corresponding to A. But my textbox always refuse to work together with the 2 drop down.
I have the codes for the 2 drop down below:
<table border = ‘1’ style = ‘background: #FFA500’ align = ‘center’>
<tr>
<tbody>
<tr>
<td colspan ‘3’>
<div>
<center>
<p>
<font size = ‘3’>Select your choice!</font>
</p>
<tr align = ‘center’>
<td>Select:
<td>Select:
<td>Enter(Optional:)
<td>
<tr>
<td>
<form name=“doublecombo”>
<br><select name=“example” size=“1” style = ‘background: #CC0000’ onChange=“redirect(this.options.selectedIndex)”>
<option>Select</option>
<option name = “Money”>Money</option>
<option name = “Rainbow”>Rainbow</option>
<option name = “Chocolate”>Chocolate</option>
</select>
</td>
<td>
<select name=“stage2” size=“1” style = ‘background: #CC0000’>
<option value=“”>Select</option>
</select>
</td>
<td>
Enter here:<br>
<textarea name = “user_input” rows = “1” style = ‘background-color: #53760D’ cols = “30”></textarea><br><br>
</td>
<td>
<input type=“button” name=“test” value=“Go!” onClick=“go()” style = ‘background-color: #2554C7’>
</td>
</p>
</center>
</div>
</td>
</td>
</td>
</td>
</tr>
</tr>
</td>
</tr>
</tbody>
<script>
var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()
//Money
group[1][0]=new Option(“Select”,“”)
group[1][1]=new Option(“Google”,“http://google.com”)
group[1][2]=new Option(“Yahoo”,“http://yahoo.com”)
//Rainbow
group[2][0]=new Option(“Select”,“”)
group[2][1]=new Option(“Facebook”,“http:/facebook.com”)
group[2][2]=new Option(“Twitter”,“http://twitter.com”)
//Chocolate
group[3][0]=new Option(“Select”,“”)
group[3][1]=new Option(“Tumblr”,“http://tumblr.com”)
group[3][2]=new Option("Hotmail,“http://hotmail.com”)
var temp=document.doublecombo.stage2
function redirect(x){
for (m=temp.options.length-1;m>0;m–)
temp.options[m]=null
for (i=0;i<group.length;i++){
temp.options[i]=new Option(group[i].text,group[i].value)
}
temp.options[0].selected=true
}
function go(){
location=temp.options[temp.selectedIndex].value
}
</script>
<title>OMG</title>
</form>