Как обновить раскрывающееся меню, если выбран другой вариант раскрывающегося меню?

Question

Как правило, я хочу, чтобы параметры DROPDOWNMENU2 обновлялись при выборе параметра из DROPDOWNMENU1.

Вот некоторая информация:

DROPDOWNMENU1:

Графика веб-разработки Windows

DROPDOWNMENU2 (для веб-разработки):

PHP HTML CSS

DROPDOWNMENU2 (для графики):

PNG JPEG ICO PSD

DROPDOWNMENU2 (дляWindows):

Семь Vista XP

Пожалуйста, помогите?

РЕДАКТИРОВАТЬ:

Я пытаюсь заставить этот код работать

$('#topic2').change(function() {
$('#topic3').empty();
switch($(this).val()) {
    case 'Tutorials':
        $('#topic3')
            .append('<option>PHP</option>')
            .append('<option>HTML</option>')
            .append('<option>CSS</option>');
    case 'Graphics':
        // yada yada
        break;
    case 'Windows':
        // yada yada
        break;
}

});

HTML:

<form action="inc/post.php" method="POST">
Topic: 
<select name="topic">
<option>Web Development</option>
<option>Windows</option>
<option>Graphics</option>
</select>
/
<div id="topic2">
<select name="topic2" id="topic2">
<option>Tutorials</option>
<option>Article</option>
</select>
</div>
/
<div id="topic3">
<select name="topic3" id="topic3">
<option>Seven</option>
<option>Vista</option>
<option>XP</option>
</select>
</div>
<br /><Br />
Name:
<input type="text" name="name" />
<Br /><br />
Icon:
<input type="file" name="icon2" id="icon2"> 
<Br /><Br />
Content:
<textarea name="info" size="400"></textarea></div>
</div> 
</form>

Answer 1

Я бы использовал jQuery.Как то так ...

$('#DROPDOWNMENU1').change(function() {
    $('#DROPDOWNMENU2').empty();
    switch($(this).val()) {
        case 'Web Development':
            $('#DROPDOWNMENU2')
                .append('<option>PHP</option>')
                .append('<option>HTML</option>')
                .append('<option>CSS</option>');
        case 'Graphics':
            // yada yada
            break;
        case 'Windows':
            // yada yada
            break;
    }
});

Answer 2

 <form name="x" id="x" action="x.php">
   <select name="DROPDOWNMENU1" id="DROPDOWNMENU1" 
     onchange="javascript:document.x.action='dropmenu.php';
     javascript:document.x.submit();">
    <option>select web development graphics windows</option>
    <?php
        $q=select * from development graphics windows;
        $result=msql_query($q);
        while($row = mysql_fetch_array($result)) {
            if($_POST["DROPDOWNMENU1"]==$row[web_development_id]){
    ?>
    <option value='<?php echo $row["web_development_id"]; ?>'selected>
        <?php echo $row["web_development_name"];?>
    </option>

in DROPDOWNMENU2 select data  where DROPDOWNMENU2.id=$_POST["DROPDOWNMENU1"];

Надеюсь, этот ответ поможет вам