2013-01-09 150 views
2

我正在使用兩個選擇,一個作爲類別,第二個作爲子類別。 我想讓第二個選擇菜單由第二個選擇菜單中選擇的選項決定。選擇一組選項,確定您之前選擇的選項

這裏是html/php代碼。

<select name="category" id="category"> 
    <?php 
$options = array("Stationary", "Bag", "Paper"); 
     foreach ($options as $option) { 
    echo '<option value"' . $option . '"'; 
    if(in_array($option, $category)){ 
     echo " Selected"; 
    } 
     echo ">" . ucfirst($option) . "</option>"; 
    } 
    ?> 
</select> 

<select name="subcategory" id="subcategory"> 
    <?php 
    $options = array("Pencils", "Ruler", "Pens"); 
     foreach ($options as $option) { 
     echo '<option value"' . $option . '"'; 
      if(in_array($option, $category)){ 
      echo " selected"; 
      } 
     echo ">" . ucfirst($option) . "</option>"; 
     }  
    ?> 
    <?php 
    $options = array("Small", "Large", "Paper"); 
     foreach ($options as $option) { 
     echo '<option value"' . $option . '"'; 
     if(in_array($option, $category)){ 
     echo " selected"; 
     } 
    echo ">" . ucfirst($option) . "</option>"; 
    } 
    ?> 
    <?php 
    $options = array("Notepad", "Plain ", "Colour"); 
     foreach ($options as $option) { 
     echo '<option value"' . $option . '"'; 
     if(in_array($option, $category)){ 
     echo " selected"; 
     } 
    echo ">" . ucfirst($option) . "</option>"; 
    } 
    ?>   
</select> 

我想它,所以當你選擇一個類別選項,它會顯示它在<select>以顯示正確的選項。

我不知道你是否可以做到這一點,但如果任何人有一個想法或知道如何做到這一點,你的幫助將是有益的。

回答

0

如果我理解你的問題,你想要做的是根據類別選擇子類別。

1st將所有類別加載到類別選擇框中。

第二次選擇類別選項時從選擇框(category_id)中取回值並調用AJAX來獲取所選類別的子類別。

將其填充到子類別選擇框中。

更新的答案,請

jQuery Ajax POST example with PHP

如果您有任何問題,讓我知道

+0

是啊,這是該計劃,謝謝!我會讓你知道我如何得到。 –

+0

完成。你知道關於如何創建AJAX的教程嗎?我從來沒有使用過這個功能。如果不是不用擔心。 –

+0

http://api.jquery.com/jQuery.ajax/ – Techie