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

-1

基本上我希望DROPDOWNMENU2选项在选择DROPDOWNMENU1选项时进行更新。如何选择另一个下拉菜单选项时更新下拉菜单？

继承人一些信息：

DROPDOWNMENU1：

Web开发图形的Windows

DROPDOWNMENU2（用于Web开发）：

PHP HTML CSS

DROPDOWNMENU2（为Grap高收入国家）：

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>

来源

2012-01-06 Lewes

没什么，我试着用搜索引擎这个答案的帮助，没有改良效果。 – Lewes 2012-01-06 19:52:52

然后尝试一些事情，如果您遇到困难，请回到特定问题。堆栈溢出是不同的rent-a-coder.com – 2012-01-06 19:53:36

我认为JavaScript会做到这一点，但我不知道如何在JavaScript中做到这一点。 – Lewes 2012-01-06 19:54:22

我会使用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; 
    } 
});

来源

2012-01-06 19:56:01

我会试一试。 – Lewes 2012-01-06 19:57:29

我必须把它们放在DIV上，因为它们使用的是name =“post” – Lewes 2012-01-06 19:59:12

@Lewes除非你学习[jQuery]（http://jquery.com/），否则我的代码对你很有好处。如果您打算进行网络开发，那么这是值得的。 Google承载[code]（https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js）（[minified]（https://ajax.googleapis.com/ajax/libs/） jquery/1.7.1/jquery.min.js））这很方便。 – 2012-01-06 20:03:31

-1

<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"];

我希望你

来源

2015-01-20 07:32:16

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

回答

相关问题