如何選擇另一個下拉菜單選項時更新下拉菜單？

-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

如何選擇另一個下拉菜單選項時更新下拉菜單？

回答

相關問題