按下按钮时添加新的下拉框

时间:2016-11-17 12:51:40

标签: php html ajax

所以这是我用来创建第一个下拉框的matching.php文件中的代码:

<form method='post' action='/'>
    <?php 
         if(!empty($aIngList)){
            echo "<span style = 'float:left; font-size: 20px;font-family:'Helvetica Neue' class = 'custom-dropdown custom-dropdown--white'><select name = 'IngredientName' class = 'custom-dropdown__select custom-dropdown__select--white'>";
            echo "<option value='' default >Choose an Ingredient</option>";
            foreach ($aIngList as $iIngID => $sIngName) {
                 echo "<option value='".$sIngName."' >".$sIngName."</option>";
                       }
            echo "</select></span>";
                }else{
                      echo "<p>No results available!</p>";
               }
     ?>

 </form>

这使用了一些以前的PHP代码,它从数据库中获取字符串并将它们放入上面代码中使用的数组中。

我还有一个按钮标签:

  <button type="button" class="addbutton" id="button">Add another</button>

我不知道如何制作它,以便当我按下此按钮时,它会显示一个新的下拉框。最好是,我希望能够显示最多5个下拉框,具体取决于点击按钮的次数 - 并且我不希望以前的框会在发生这种情况后消失或被覆盖。

我听说你可以使用AJAX来运行PHP服务器端,但我真的不明白他们为AJAX代码部分做了些什么。因此,如果有人可以给我一些指示并且可能解释每个AJAX部分的功能,那将是非常值得赞赏的。 谢谢:))

0 个答案:

没有答案