Html 选择其他下拉菜单选项时,如何更新下拉菜单?

Html 选择其他下拉菜单选项时,如何更新下拉菜单?,html,forms,drop-down-menu,contextmenu,Html,Forms,Drop Down Menu,Contextmenu,基本上,我希望DROPDOWNMENU2选项在选择DROPDOWNMENU1中的选项时更新 以下是一些信息: 下拉菜单1: 网络开发 绘图 窗户 下拉菜单2(用于Web开发): PHP HTML CSS 下拉菜单2(用于图形): 巴布亚新几内亚 JPEG ICO 屏蔽门 下拉菜单2(适用于Windows): 七 远景 XP 请帮忙 编辑: 我正在努力让这个代码正常工作 $('#topic2').change(function() { $('#topic3').empty(); switch($(

基本上,我希望DROPDOWNMENU2选项在选择DROPDOWNMENU1中的选项时更新

以下是一些信息:

下拉菜单1:

网络开发 绘图 窗户

下拉菜单2(用于Web开发):

PHP HTML CSS

下拉菜单2(用于图形):

巴布亚新几内亚 JPEG ICO 屏蔽门

下拉菜单2(适用于Windows):

七 远景 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;
}
$('#主题2')。更改(函数(){
$(“#主题3”).empty();
开关($(this.val()){
案例“教程”:
$(“#主题3”)
.append('PHP'))
.append('HTML')
.append('CSS');
“图形”案例:
//雅达雅达
打破
“窗口”案例:
//雅达雅达
打破
}
}))

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>

主题:
网络开发
窗户
绘图
/
教程
文章
/
七
远景
XP


姓名:

偶像:

内容:
我会使用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;
    }
});
$('#DROPDOWNMENU1')。更改(函数(){
$('#DROPDOWNMENU2').empty();
开关($(this.val()){
“网络开发”案例:
$(“#下拉菜单2”)
.append('PHP'))
.append('HTML')
.append('CSS');
“图形”案例:
//雅达雅达
打破
“窗口”案例:
//雅达雅达
打破
}
});

选择web开发图形窗口
在DROPDOWNMENU2中选择数据,其中DROPDOWNMENU2.id=$\u POST[“DROPDOWNMENU1”];

我希望这个答案对你有帮助

没什么,我已经尝试过谷歌搜索,没有改进。然后尝试一些东西,如果你被卡住了,回来问一个具体的问题。Stack Overflow与rent-a-coder.comOkay不同,我相信我可以为您编码,但我收取30美元/小时的费用,将所有时间四舍五入到最近的一小时,我需要提前一小时付款。你有贝宝吗?也许你应该试试。Stack Overflow不是一个“gimmeh-teh-codez!!!1”类的网站,在这里你可以让程序员根据需要为你吐出代码。你必须提出一些类似于你的努力的东西。然后,正如我上面所说的,尝试一些东西,如果你被卡住了,回来问一个具体的问题。要么这样,要么花钱请人帮你编码。他们使用name=“post”@Lewes,我必须把他们放在DIV上吗?我的代码对你没什么好处,除非你学会一点。如果你打算做网页开发,那么花时间是值得的。谷歌托管了()这很方便。
 <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"];