ansaurus

Question

How to change options in a select list, based on the selected option of a previous select list?

Answer 1

A:

The easiest way to do this is to use jQuery.

For example:

var categoryItems = {
    'Car':             [ 'Acura', 'Honda', 'Toyota' ],
    'Computer:         [ 'Dell', 'HP', 'Lenovo' ],
    'Search engine':   [ 'Google', 'Bing', 'Yahoo' ]
};
$('#category').change(function() {
    var itemsDropdown = $('#items').empty();
    var items = categoryItems[$(this).val()];
    for(var i = 0;  < items.length; i++)
        itemsDropdown.append($('<option />').text(items[i]));
});

SLaks 2010-02-25 14:53:15

How would I go about doing it? I have a list of locations, and when a location is selected I want to show a list of regions within that location.

Probocop 2010-02-25 14:55:30

Which ID's are #category and #items referring to? and where would I put that javascript?

Probocop 2010-02-25 15:11:38

The IDs of the two dropdown lists. You would put this in a `$(function() { ... });` call in a `<script>` block.

SLaks 2010-02-25 15:14:03

Hmm I'm still not there, could you possibly post an example including some html?

Probocop 2010-02-25 15:22:36

I will not write all of your code for you. You need to learn Javascript.

SLaks 2010-02-25 15:27:25

I was not after you to do it for me, I merely wanted to see how to implement it, so I could learn. But nevermind, thanks anyway.

Probocop 2010-02-25 15:36:00

Answer 2

A:

you cant do dynamic like this via simple html. You should use javascript for example. In google there are a lot of solutions, this is one of them: http://programmersforum.ru/showpost.php?p=227550&postcount=3

Skay 2010-02-25 14:56:39

Answer 3

+1 A:

Try this tread.

Alexander Vakrilov 2010-02-25 14:58:44

ansaurus

tags:

views:

answers:

How to change options in a select list, based on the selected option of a previous select list?

related questions