Re: base the value of first combo box, how i display the second combox

thanks for your reply.

i want to know suppose the second combo box appear only when i select the class 11th or 12th.

please review.

your answer:

<html>
<h2>ComboBox</h2>
<script language="javascript">
var arr = new Array();
arr[11] = new Array("Art","Commerce","Science");
arr[12] = new Array("Art","Commerce","Science");

function change(class_name)
{
var comboValue = class_name.value;
document.forms["form"].elements["combo2"].options.length=0;
for (var i=0;i<arr[comboValue].length;i++)
{
var option = document.createElement("option");
option.setAttribute('value',i+1);
option.innerHTML = arr[comboValue][i];
document.forms["form"].elements["combo2"].appendChild(option);
}
}
</script>
<form name="form" method="post">
<select name="class_name" onchange="change(this);">
<%
for( int i=1;i<=12;i++){
%>
<option value="<%=i%>"><%=i%></option>
<%
}
%>
</select><br>
<select name="combo2">
</select>
</form>
</html>

my previous question:
i have a combo box for classes. my requirement is when i select the class, if class is 11 or 12 the second combo box of subject should be appear.
please let me how i implement this in JSP.

<%! int i=1; %>
<tr><td>Class</td><td><select name="class_name">
<%
for( i=1;i<=12;i++){
%>
<option value="<%=i%>"><%=i%></option>
<%
}
if(i==11)
{
%>
</select></td>
Subject</td><td><select name="subject" >
<option value="1">Art</option>
<option value="2">Commerce</option>
<option value="3">Science</option>
</select></td></tr>
<%
}
%>

please suggest.

View Answers

April 2, 2010 at 11:01 AM

Hi Friend,

Try the following code:

<html>
<h2>ComboBox</h2>
<script language="javascript">
function hide(){
if (document.getElementById) {
document.getElementById('combo').style.visibility = 'hidden';
}
}
function call(class_name){
var val = class_name.options[class_name.selectedIndex].text;
if((val=='11')||(val=='12')){
document.getElementById('combo').style.visibility = 'visible';
var arr = new Array();
arr[11] = new Array("Art","Commerce","Science");
arr[12] = new Array("Art","Commerce","Science");
var comboValue = class_name.value;
document.forms["form"].elements["combo2"].options.length=0;
for (var i=0;i<arr[comboValue].length;i++)
{
var option = document.createElement("option");
option.setAttribute('value',i+1);
option.innerHTML = arr[comboValue][i];
document.forms["form"].elements["combo2"].appendChild(option);
}
}
else{
document.getElementById('combo').style.visibility = 'hidden';
}
}
</script>
<body onload="hide();">
<form name="form">
<select name="class_name" onchange="call(this);" >
<%
for( int i=1;i<=12;i++){
%>
<option value="<%=i%>"><%=i%></option>
<%
}
%>
</select><br>
<select id="combo" name="combo2">
</select>
</form>
</body>
</html>

Thanks

Re: base the value of first combo box, how i display the second combox

Questions by Category