动态选择选项php和mysql

时间:2014-11-21 01:32:30

标签: javascript php jquery mysql ajax

我知道这个问题已被多次询问过,但我已经尝试了几个小时但没有任何工作,我用php和ajax做了菜,所以我可能会错过一件我不知道的小事我想在这里尝试实现的是,我希望用户选择一个食物组,并根据该组成一系列成分。

我单独测试了我的process.php文件并且它运行良好,我还测试了脚本会发生什么事情是从$ .ajax开始的行在我将其注释掉并输入alert(父级)时不起作用)我实际上得到了所选项的价值,所以我在这里做错了什么?或者我错过了一个导入? P.S我使用bootstrap 3.0进行设计

这是我的HTML代码

<!--  field food group-->
          <div class ="field form-group">
            <label for="food-group"> Food Group * </label>
            <div class="input-group input-group-lg">

            <select class="form-control" id="food-group-id" name="food-group" onchange="ajaxfunction(this.value)">
              <?php
              // retreiving the recipe groups
                  $RecipeGroup = new FoodGroup();
                  $data = $RecipeGroup->findAll();

                  foreach ($data->results() as $recipegroup) {
                    // displaying the options
                    echo '<option value="'.$recipegroup->food_group_id.'">'.$recipegroup->food_group_name.'</option>';
                  }                  
               ?>

            </select>

            </div>
          </div>
          <!--  field Ingredients-->
          <div class ="field form-group">
            <label for="ingredients"> Ingredients * </label>
            <div class="input-group input-group-lg">

            <select class="form-control" id="ingredients">

               <?php
              // retreiving the recipe groups
                  $ingredients = new Ingrident();
                  if(Input::exists()){
                    $data = $ingredients->findByGroup(Input::get('food-group'));
                  }else
                  $data = $ingredients->findByGroup(1);

                  foreach ($data->results() as $ingredient) {
                    // displaying the options
                    echo '<option value="'.$ingredient->ingrident_id.'">'.$ingredient->ingrident_name.'</option>';
                  }                  
               ?>

            </select>
            <br> <br> <br>
            <span id="helpBlock" class="help-block center">Ingredient not listed ?
              <button class="btn btn-primary center" value="add-ing"> <span class="glyphicon glyphicon-plus"></span> Add New Ingredient </button>

            </span>

            </div>
          </div>

这是我的剧本

<script type="text/javascript">
  function ajaxfunction(parent)
  {


    $.ajax({
          url: 'process.php?food-group=' + parent;
          success: function(data) {
              $("#ingredients").html(data);
          }
      });  
  }
</script>

这是我的process.php文件

<?php
    mysql_connect('localhost', 'root','');
    mysql_select_db("online_recipes");

    $result = mysql_query("SELECT * FROM `ingrident` WHERE `food_group_id_fk` = " . mysql_real_escape_string($_GET['food-group']));
    while(($data = mysql_fetch_array($result)) !== false)
        echo '<option value="', $data['ingrident_id'],'">', $data['ingrident_name'],'</option>';

我的导入列表

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
 <script src="js/bootstrap.min.js"></script>
<script src="js/docs.min.js"></script>

<script src="js/ie10-viewport-bug-workaround.js"></script>

1 个答案:

答案 0 :(得分:2)

$.ajax({
          url: 'process.php',
          type:'post',
          data: {parent: parent},
          success: function(data) {
              $("#ingredients").html(data);
          }
      }); 
你的process.php中的

$parent = $_POST['parent'];
echo($parent);