选择一组选项,确定您之前选择的选项

时间:2013-01-09 11:17:05

标签: php javascript jquery html

我使用两个选择,一个作为类别,第二个作为子类别。 我希望第二个选择菜单由第二个选择菜单中选择的选项决定。

这是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>中显示的正确选项。

我不确定你是否可以这样做,但如果有人有想法或知道如何做到这一点,你的帮助会有所帮助。

1 个答案:

答案 0 :(得分:0)

如果我理解你的问题,你想要做的就是根据类别选择子类别。

首先将所有类别加载到类别选择框中。

选择类别选项时的第二个选项将从选择框(category_id)中检索该值并进行AJAX调用以获取所选类别的子类别。

3rd将它们填充到子类别选择框。

按要求更新了答案

jQuery Ajax POST example with PHP

如果您有任何问题,请告诉我