选择另一个下拉菜单选项时,如何更新下拉菜单? [英] How do I update a dropdown menu when another dropdown menu option is selected?

查看:209
本文介绍了选择另一个下拉菜单选项时,如何更新下拉菜单?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

基本上,当选择来自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 Development Graphics Windows

DROPDOWNMENU2 (for Web Development) :

PHP HTML CSS

DROPDOWNMENU2 (for Graphics) :

PNG JPEG ICO PSD

DROPDOWNMENU2 (for Windows) :

Seven Vista XP

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;
    }
});

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

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆