选择另一个下拉菜单选项时，如何更新下拉菜单？

问题描述

基本上，当选择来自DROPDOWNMENU1的选项选项时，我希望DROPDOWNMENU2选项更新。

还有一些信息：

DROPDOWNMENU1：

Web开发
图形
Windows

DROPDOWNMENU2 Web开发）：

PHP
HTML
CSS

DROPDOWNMENU2（用于图形） ：

PNG
JPEG
ICO
PSD

DROPDOWNMENU2 Windows）：

七个
Vista
XP

请帮忙？

编辑：

我试图让这段代码工作

$ $ $ $ $ $'$'$'$'$'$'$'$' （这个）.val（））{
case'Tutorials'：
$（'＃topic3'）
.append（'< option> PHP< / option>'）
.append（'< option> HTML< / option>'）
.append（'< option> CSS< / opt离子>'）;
case'Graphics'：
// yada yada
break;
case'Windows'：
// yada yada
break;
}

}）;

HTML：

 < form action =inc / post.phpmethod =POST> 
主题：
< select name =topic> 
< option> Web Development< / option> 
< option> Windows< / option> 
< option>图形< / option> 
< / select> 
 / 
< div id =topic2> 
< select name =topic2id =topic2> 
< option>教程< / option> 
< option>文章< / option> 
< / select> 
< / div> 
 / 
< div id =topic3> 
< select name =topic3id =topic3> 
< option> Seven< / option> 
< option> Vista< / option> 
< option> XP< / option> 
< / select> 
< / div> 
< br />< Br /> 
名称：
< input type =textname =name/> 
< Br />< br /> 
图标：
< input type =filename =icon2id =icon2> 
< Br />< Br /> 
内容：
< textarea name =infosize =400>< / textarea>< / div> 
< / div> 
< / form> 
  

解决方案

我会使用jQuery。这样的...

  $（'＃DROPDOWNMENU1'）。change（function（）{
 $ '＃DROPDOWNMENU2'）。empty（）; 
 switch（$（this）.val（））{
 case'Web Development'：
 $（'＃DROPDOWNMENU2'）
 .append（'< option> PHP< / option>'）
 .append（'< option> HTML< / option>'）
 .append（'< option> CSS<选项>'）; 
 case'Graphics'：
 // yada yada 
 break; 
 case'Windows'：
 // yada yada 
 break ; 
} 
}）; 
  

Basicly I want DROPDOWNMENU2 options to update when a option option from DROPDOWNMENU1 is selected.

Heres some info:

DROPDOWNMENU1 :

Web DevelopmentGraphicsWindows

DROPDOWNMENU2 (for Web Development) :

PHPHTMLCSS

DROPDOWNMENU2 (for Graphics) :

PNGJPEGICOPSD

DROPDOWNMENU2 (for Windows) :

SevenVistaXP

Please help?

EDIT:

I'm trying to get this code to work

$('#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>

解决方案

I would use jQuery. Something like this...

$('#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;
    }
});

这篇关于选择另一个下拉菜单选项时，如何更新下拉菜单？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！