Home
Answers
Viewqa
JSP-Servlet
Re: base the value of first combo box, how i display the second combox
QuestionAsk Questions?
Vijay
Re: base the value of first combo box, how i display the second combox
1 Answer(s) 3 years and 2 months ago
Posted in : JSP-Servlet
1 Answer(s) 3 years and 2 months ago
Posted in : JSP-Servlet
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
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
Related Pages:
If you are facing any programming issue, such as compilation errors or not able to find the code you are looking for.
Ask your questions, our development team will try to give answers to your questions.
Tutorial Topics
