You can view the tutorials best in Google Chrome, Mozilla Firefox, Opera, higher version of Internet Explorer

Ajax,jQuery Auto Fill Dropdown On Page Load

Ajax » On Oct 25, 2011 By Sivateja

Let us see the auto fill drop downs using Ajax and jQuery

Files Required

  • index.html
  • db_fetch.jsp
  • jquery-1.2.6.js (Add this jquery file at db_fetch.jsp location, same  folder)
  • web.xml

Index.html

Notes: See line number 6 in index.html ,$(document).ready(function() means we no need to send any request like onchange or onclick, once the page loads automatically the code in this $(document).ready(function() block will be executed, so indirectly we are calling this function on page load hope you are clear.

db_fetch.jsp

web.xml

OutPut

Note: you must have classes12.jar, ojdbc14.jar in the lib folder of you application

Database

Check Output

Click here to check the output






By [ Java/J2EE Developer & Web Designer ]
Founder of Java4s.com - Indian, lives in United States. You can contact me at sivateja [at] java4s.com
Follow me on


Comments

2 Responses to “Ajax,jQuery Auto Fill Dropdown On Page Load”
  1. mahendra says:

    Sir,
    ” document.createElement(“OPTION”);” here you didn’t mention any element id then how could it create option element for second drop down list.

    Thanks & Regards
    Mahendra
    9160883581

  2. prasad says:

    here element is created dynamically.
    so, to create element dynamically there is no need of element id.
    it was created by using tagname “option”.
    Ex:
    to create button dynamically we use

    document.createElement(“button”);
    then button created dynamically.

    from: Prasad.k

Name*
Mail*
Website



By posting your answer, you agree to our comments policy.
Most Recent Tutorials
Hibernate Recent Posts
Spring Recent Posts
Struts Recent Posts
Recomandded Links
Current & UpComing Tutorials
Sitemap :
spring Hibernate struts Json Ajax Log4j Log4j coreJava Servlets Web Services


Upcoming
  Web Services [ SOAP ], JSP
Facebook_Java4s  Twitter_Java4s  GooglePlus_Java4s  Youtube_Java4s 
© 2010 - 2014 Java4s - Get It Yourself.
The content is copyrighted to Sivateja Kandula and may not be reproduced on other websites.