>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: 32529



Rating: 4.25 out of 8 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: 2957
Unique Hits: 2531


  Daily Weekly Monthly
  Unique Total Unique Total Unique Total
Average 7.2 8.5 40.1 47.2 135.7 154
Current 1 1 45 53 169 196
Previous 10 12 0 0 265 312
Nov 19 8 8 51 60 162 173
Nov 18 13 16 0 0 135 152
Nov 17 13 16 70 80 114 129
Nov 16 4 5 0 0 153 170
Nov 15 0 0 53 55 0 0
Nov 14 5 5 64 86 116 133
Nov 13 6 8 58 68 131 143
Nov 12 12 14 60 70 112 132
Highest 20 29 70 86 265 312


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