>All Tutorials 
Ajax and .NET Ajax and .NET RSS XML
Ajax and ColdFusion Ajax and ColdFusion RSS XML
Ajax and Java Ajax and Java RSS XML
Ajax and PHP Ajax and PHP RSS XML
Ajax and SOA Ajax and SOA RSS XML
Ajax Goodies Ajax Goodies RSS XML
Ajax Tool Ajax Tool RSS XML
Facebook MockAjax Facebook MockAjax RSS XML
Google Web Toolkit Google Web Toolkit RSS XML
JavaScript Framework JavaScript Framework RSS XML
Ruby on Rails Ruby on Rails RSS XML
Technique Introduction Technique Introduction RSS XML
Without XMLHttpRequest Without XMLHttpRequest RSS XML
Yahoo! UI Yahoo! UI RSS XML

Auto-populating Select Boxes using jQuery & AJAX - select jquery pm option remy ajax boxes box

 
Registered tutorials: 501
Registered Users: 24390



Rating: 4.14 out of 7 votes cast


  
Category: Technique Introduction

Auto-populating Select Boxes using jQuery & AJAX

Digg this   Post to del.icio.us

Abstract: The tutorial demonstrates how to populate one select box based on the value from another select box using jquery

If you are familiar with using select boxes for categorisation and sub-categories, such as ebay does when selling an item, usually this can require a lot of JavaScript to maintain the select boxes, but jQuery can hugely simplify this task by adding a dash of AJAX.

The Goal

Allow the user to select a top level category from one select box and to automatically populate the sub-category.

Prerequisites

  1. Latest copy of jQuery
  2. A basic understanding of JSON (don't let this put you off - it's really very, very easy)
  3. A server-side script that can respond to the AJAX request (though I've provided a simple example)

Read Full Tutorial...



Reviews:

Rate and Review This Site

2007-07-28 04:28:55
It give me page not found error :((((((

2007-07-28 06:57:23
The URL has been corrected. Thanks.




Statistic Information About this Resource:


Total Hits: 2074
Unique Hits: 1759


  Daily Weekly Monthly
  Unique Total Unique Total Unique Total
Average 3.3 3.5 22.5 24.7 91.4 105.7
Current 5 6 17 18 73 79
Previous 4 4 21 22 153 170
Jul 22 2 2 23 24 0 0
Jul 21 6 6 14 17 116 133
Jul 20 4 4 34 40 131 143
Jul 19 1 1 0 0 112 132
Jul 18 0 0 40 41 0 0
Jul 17 2 2 42 47 160 208
Jul 16 3 4 34 38 99 114
Jul 15 6 6 0 0 70 78
Highest 16 21 43 64 160 208


Script Execution Time: 0.46646 | SQL Queries: 10 | Members: 501
Ajax Tutorial Top List - Powered by Aardvark Topsites PHP 5.1.2