Dropdown menus onchange atribute

Can I know how do we get the drop down list from database?

I want to select a type of vehicle from a drop down menu. then based on the selection, it will check with the database with that type of vehicle and populate a drop down menus displaying a list of reg no of that type of vehicle.

for example:
table name: vehicle
type regno
==== =====
bus 12345
bus 35567
van 11111
mini bus 64537

help me please!!!

btw. im using jsp for my code.

View Answers

May 5, 2012 at 11:05 AM

The given code helps us to learn how to retrieve data from database and store it into dropdown list. On selecting the value from the first dropdown, the values will get stored into another dropdown from the database.

1)country.jsp:

<%@page import="java.sql.*"%>
 <html>
      <head>  
      <script language="javascript" type="text/javascript">  
      var xmlHttp  
      var xmlHttp
      function showState(str){
      if (typeof XMLHttpRequest != "undefined"){
      xmlHttp= new XMLHttpRequest();
      }
      else if (window.ActiveXObject){
      xmlHttp= new ActiveXObject("Microsoft.XMLHTTP");
      }
      if (xmlHttp==null){
      alert("Browser does not support XMLHTTP Request")
      return;
      } 
      var url="state.jsp";
      url +="?count=" +str;
      xmlHttp.onreadystatechange = stateChange;
      xmlHttp.open("GET", url, true);
      xmlHttp.send(null);
      }

      function stateChange(){   
      if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){   
      document.getElementById("state").innerHTML=xmlHttp.responseText   
      }   
      }
      </script>  
      </head>  
      <body>  
      <select name='country' onchange="showState(this.value)">  
       <option value="none">Select</option>  
    <%
 Class.forName("com.mysql.jdbc.Driver").newInstance();  
 Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","root");  
 Statement stmt = con.createStatement();  
 ResultSet rs = stmt.executeQuery("Select * from country");
 while(rs.next()){
     %>
      <option value="<%=rs.getString(1)%>"><%=rs.getString(2)%></option>  
      <%
 }
     %>
      </select>  
      <br>  
      <div id='state'>  
      <select name='state' >  
      <option value='-1'></option>  
      </select>  
      </div>  
      </body> 
      </html>

2)state.jsp:

 <%@page import="java.sql.*"%>
<%
String country=request.getParameter("count");  
 String buffer="<select name='state' ><option value='-1'>Select</option>";  
 try{
 Class.forName("com.mysql.jdbc.Driver").newInstance();  
 Connection con = DriverManager.getConnection("jdbc:mysql://localhost:3306/test","root","root");  
 Statement stmt = con.createStatement();  
 ResultSet rs = stmt.executeQuery("Select * from state where countryid='"+country+"' ");  
   while(rs.next()){
   buffer=buffer+"<option value='"+rs.getString(1)+"'>"+rs.getString(3)+"</option>";  
   }  
 buffer=buffer+"</select>";  
 response.getWriter().println(buffer); 
 }
 catch(Exception e){
     System.out.println(e);
 }

 %>

For the above code, we have created two database tables:

CREATE TABLE `country` (                                 
           `countryid` bigint(255) NOT NULL auto_increment,       
           `countryname` varchar(255) default NULL,               
           PRIMARY KEY  (`countryid`));



CREATE TABLE `state` (                                   
          `stateid` bigint(255) NOT NULL auto_increment,         
          `countryid` int(255) default NULL,                     
          `state` varchar(255) default NULL,                     
          PRIMARY KEY  (`stateid`));

May 5, 2012 at 11:12 AM

For more information, visit the following link:

http://www.roseindia.net/jsp/comboSelect.shtml

Here you will get an example that will retrieve the data from database and stored it into dropdown list. On selecting the value from the dropdown, respective data will retrieve from database and stored it into textboxes.

May 5, 2012 at 2:17 PM

Thanks. it works great! but, what if i wanted to add another one drop down menu?

in this case, after i chose country, it will show me state corresponds to the country right?

i wanted to add one more drop drop which is city that correspond to the state.

Advertisements

dropdown
dropdown I have a dropdown having 2 options-"Open"& "closed".When i select "open" option the related rows of data are retrieved from database and same with the other option.My database is Mysql and coding in PHP

dropdown
;/script> </head> <select name="sel" id="sel" onchange="sel();" > <

ModuleNotFoundError: No module named 'Menus'
ModuleNotFoundError: No module named 'Menus' Hi, My Python program is throwing following error: ModuleNotFoundError: No module named 'Menus' How to remove the ModuleNotFoundError: No module named 'Menus'

pull-down navigation menus
pull-down navigation menus How can I use forms for pull-down navigation menus

Cross frame menus - Ajax
Ragavendran.R.. I need to implement DHTML Cross frame menus..i.e There must be a page with 2 frames(top and bottom).. The main menus must be in the top frame and when I mouse over on it, the corresponding sub menus must be displayed in the bottom frame

ModuleNotFoundError: No module named 'Simple-Menus'
ModuleNotFoundError: No module named 'Simple-Menus' Hi, My Python... 'Simple-Menus' How to remove the ModuleNotFoundError: No module named 'Simple-Menus' error? Thanks Hi, In your python

ModuleNotFoundError: No module named 'stwberlin-menus'
ModuleNotFoundError: No module named 'stwberlin-menus' Hi, My... named 'stwberlin-menus' How to remove the ModuleNotFoundError: No module named 'stwberlin-menus' error? Thanks Hi, In your python

ModuleNotFoundError: No module named 'gipsy-menus'
ModuleNotFoundError: No module named 'gipsy-menus' Hi, My Python... 'gipsy-menus' How to remove the ModuleNotFoundError: No module named 'gipsy-menus' error? Thanks Hi, In your python environment

ModuleNotFoundError: No module named 'django-menus'
ModuleNotFoundError: No module named 'django-menus' Hi, My Python... 'django-menus' How to remove the ModuleNotFoundError: No module named 'django-menus' error? Thanks Hi, In your python

dropdown box
dropdown box i need to have country,state and city in drop down box using ajax and use db2 database Have a look at the following link: JSP dependent dropdown

DropDown list
DropDown list how to get mysql database values into dropdown usign... values into dropdown list. 1)country.jsp: <%@page import="java.sql.*"%>...; <select name='country' onchange="showState(this.value)"> <

ModuleNotFoundError: No module named 'odoo10-addon-base-onchange-rule'
ModuleNotFoundError: No module named 'odoo10-addon-base-onchange-rule'�...: ModuleNotFoundError: No module named 'odoo10-addon-base-onchange-rule' How to remove the ModuleNotFoundError: No module named 'odoo10-addon-base-onchange-rule' error

ModuleNotFoundError: No module named 'odoo10-addon-onchange-helper'
ModuleNotFoundError: No module named 'odoo10-addon-onchange-helper' �...: No module named 'odoo10-addon-onchange-helper' How to remove the ModuleNotFoundError: No module named 'odoo10-addon-onchange-helper' error

ModuleNotFoundError: No module named 'odoo10-addon-test-onchange-helper'
ModuleNotFoundError: No module named 'odoo10-addon-test-onchange-helper'�...: ModuleNotFoundError: No module named 'odoo10-addon-test-onchange-helper' How to remove the ModuleNotFoundError: No module named 'odoo10-addon-test-onchange-helper'

ModuleNotFoundError: No module named 'odoo11-addon-onchange-helper'
ModuleNotFoundError: No module named 'odoo11-addon-onchange-helper' �...: No module named 'odoo11-addon-onchange-helper' How to remove the ModuleNotFoundError: No module named 'odoo11-addon-onchange-helper' error

ModuleNotFoundError: No module named 'odoo12-addon-onchange-helper'
ModuleNotFoundError: No module named 'odoo12-addon-onchange-helper' �...: No module named 'odoo12-addon-onchange-helper' How to remove the ModuleNotFoundError: No module named 'odoo12-addon-onchange-helper' error

ModuleNotFoundError: No module named 'odoo13-addon-onchange-helper'
ModuleNotFoundError: No module named 'odoo13-addon-onchange-helper' �...: No module named 'odoo13-addon-onchange-helper' How to remove the ModuleNotFoundError: No module named 'odoo13-addon-onchange-helper' error

ModuleNotFoundError: No module named 'odoo8-addon-web-onchange-action'
ModuleNotFoundError: No module named 'odoo8-addon-web-onchange-action'�...: ModuleNotFoundError: No module named 'odoo8-addon-web-onchange-action' How to remove the ModuleNotFoundError: No module named 'odoo8-addon-web-onchange-action' error

Populate Menus In Tree View - Struts
Populate Menus In Tree View Hi all, i am writing one simple... the different menus of my application in a tree view.Like what we have in window..." as prefix.In the same way i am thinking to bring the menus in a tree view in my

populating textbox value from the database using onchange function,
populating textbox value from the database using onchange function, �... selecting from dropdownlist. i have a form in jsp n I created the dropdown list... downlist it call onchange function with the selected value.. my issue issue

Ajax Dropdown
Ajax Dropdown hi I have One Dropdown that contains 2 options assume A and B,if i select A option then samepage one more Dropdown is their it should display values in german language using DWRUtil Parameter values in ajax. Only

dropdown cacheing
dropdown cacheing I need code to create cache for load drop down list from db in struts1 example

ModuleNotFoundError: No module named 'wagtail-nav-menus'
ModuleNotFoundError: No module named 'wagtail-nav-menus' Hi, My... named 'wagtail-nav-menus' How to remove the ModuleNotFoundError: No module named 'wagtail-nav-menus' error? Thanks Hi, In your

ModuleNotFoundError: No module named 'django-cms-named-menus'
ModuleNotFoundError: No module named 'django-cms-named-menus' Hi...: No module named 'django-cms-named-menus' How to remove the ModuleNotFoundError: No module named 'django-cms-named-menus' error? Thanks Hi

ModuleNotFoundError: No module named 'djangocms-named-menus'
ModuleNotFoundError: No module named 'djangocms-named-menus' Hi...: No module named 'djangocms-named-menus' How to remove the ModuleNotFoundError: No module named 'djangocms-named-menus' error? Thanks Hi

ModuleNotFoundError: No module named 'django-ib-menus'
ModuleNotFoundError: No module named 'django-ib-menus' Hi, My... named 'django-ib-menus' How to remove the ModuleNotFoundError: No module named 'django-ib-menus' error? Thanks Hi, In your python

ModuleNotFoundError: No module named 'gipsy-modeltranslation-menus'
ModuleNotFoundError: No module named 'gipsy-modeltranslation-menus' �...: No module named 'gipsy-modeltranslation-menus' How to remove the ModuleNotFoundError: No module named 'gipsy-modeltranslation-menus' error

DropDown Menu
DropDown Menu Hello, i have a program that can view,add,delete... me draw to your my mind my program.. in my homepage which i have a dropdown... is the problem.. for example; if i select page 1 in my dropdown menu, and click

. Display JavaScript dropdown selected value
="dropdown" onchange="selectDropdown()"> <option value="India" >India<.... Display JavaScript dropdown selected value How to get the selected value from dropdown box? I am using javascript. <html> <

Select DropDown Default
Select DropDown Default Hi there, i have a program in JSP where i... of the record, in my jsp page i have a one dropdown menu where the user can choose, i.e if the user select PAGE 1 in the dropdown menu, it will display all

Create menus and submenus in Java
Create menus and submenus in Java In this section, you will learn about creation of menus, submenus and Separators in Java Swing. Menu bar contains a collection of menus

dynamic creation of multiple drop-down menus
dynamic creation of multiple drop-down menus can anybody plz help me in coding for dynamic creation of multiple drop-down menus in a webpage using ajax/js/html/css

Retrieval of Dropdown list
Retrieval of Dropdown list Hi frnds... Am having problem... ... for eg, let A1,A2,A3,A4 be the values in dropdown.. if i click A1... dropdown.. Am not able to retrive the name for further process... Pls check

Dependant Dropdown Lists
Dependant Dropdown Lists Hello, I'm trying to create 2 dropdown lists. When the visitor chooses one option from the 1st list it will automatically update the 2nd dropdown. Ive already found some code which i edited but still

dropdown list in jsp
dropdown list in jsp hai, i have static dropdown list.. i want to get the selected value in string variable without jsp regards asha

html dropdown not working firefox
html dropdown not working firefox I am writing a Dropdown code in HTML which is not working in firefox. What could be the reason as it's perfectly working in IE and Crome. Thanks

creating dropdown lists in jsp
creating dropdown lists in jsp i want to create two dropdown list which are dependent that is the first box choice have to evaluate the second boxs options

DropDown in ajax+jsp
DropDown in ajax+jsp I have four dropdown if i select first dd...; <select name='country' onchange="showState(this.value)">...='state' onchange='showCity(this.value);'><option value='-1'>Select<

populate dropdown box
populate dropdown box hi, Is there any ways in which i can populate my dropdown menu with values from 1 to n (n = the value stored in database... item in dropdown menu is 10 then the second dropdown box should contain values

ajax+dropdown+table format
ajax+dropdown+table format HI, i am looking for an ajax application which must contain two dropdown list.In first dropdown if i select a manager name from the first dropdown all the reporties under the selected manager should

fetch values in dropdown
fetch values in dropdown in my application i want fetch dropdown values in jsp page through servlet. means i have to fetch the database fields values in array variable of servlet and then i have to print those values in dropdown

Dropdown menus onchange atribute

Questions by Category