如何在php的多个下拉菜单中使用AJAX？

Question

我知道这是一个愚蠢的问题，但我是 AJAX 新手，并且 我尝试了许多从互联网上获得的代码，但仍然无法完成这个简单的事情 所以最后我在这里发布我的问题 出了点问题，当我在第一个下拉列表中选择选项时 没发生什么事 数据库表名为 sub_menu 字段如下 id,sub_item_name,item_name,价格

这是我放在 additem.php 文件中的脚本

    <script>
         function showSubItem(sel) {
    var item_name = sel.options[sel.selectedIndex].value;  
    $("#subItemTr").html( "" );
    if (item_name.length > 0 ) {

 $.ajax({
        type: "POST",
        url: "subitem.php",
        data: "item_name="+item_name,
        cache: false,
        success: function(html) {    
            $("#subItemTr").html( html );
        }
    });
}
}
</script>

他是我的两个下拉菜单都是表格形式 我的主菜单仍在工作并显示数据库中的所有选项，所以我没有发布 部分在这里

    <tr>
  <td width="251">Select Master Menu Name</td>
  <td width="47">:</td>
  <td width="342"><select name="iname" id="iname" class="form-control" onChange="showSubItem(this);">
  <option selected="selected">Select Main Menu</option>
  <?php
    $abc = "select * from main_menu";
    $lkg = mysql_query($abc);
    while($ukg = mysql_fetch_row($lkg))
    {
  ?>
  <option><?php echo $ukg[1]; ?></option>
  <?php } ?>
  </select>      </td>
</tr>
<tr>
  <td width="251">Sub Item Name</td>
  <td width="47">:</td>
  <td width="342" id="subItemTr" ><select name="subname" id="subname" class="form-control">
  <option selected="selected">Select Sub Item</option>
  </select></td>
</tr>

这是我的 subitem.php 文件代码如下

    <?php
    include 'config.php';
    $item_name = ($_POST["item_name"] <> "") ? trim( addslashes($_POST["item_name"])) : "";
    if ($country_id <> "" ) { 
    $sql = "SELECT * FROM sub_menu WHERE item_name = ".$item_name ." ORDER BY sub_item_name";
    $count = mysql_num_rows( mysql_query($sql) );
    if ($count > 0 ) {
    $query = mysql_query($sql);
    ?>
    <select name="sub_item">
       <option value="">Please Select</option>
     <?php while ($rs = mysql_fetch_array($query)) { ?>
       <option><?php echo $rs["item_name"]; ?></option>
    <?php } ?>
    </select>
    <?php 
      }
    }
    ?>

Answer 1

这应该

<option><?php echo $rs["item_name"]; ?></option>

到

<option value="<?php echo $rs["item_id"]; ?>"><?php echo $rs["item_name"]; ?></option>

我给了 $rs["item_id"];你想要的任何字段值都可以修复它。

还有，

也改变这一行

Answer 2

您的选择框选项应该具有值属性。直到您的条件 if (item_name.length > 0 ) { 失败。

  <option><?php echo $ukg[1]; ?></option>

应该是

  <option value="<?php echo YOUR_VALUE ?>"><?php echo $ukg[1]; ?></option> 



  <option><?php echo $rs["item_name"]; ?></option>

应该是

 <option value="<?php echo YOUR_VALUE ?>"><?php echo $rs["item_name"]; ?></option>

目前您还发送对象而不是值。

<select name="iname" id="iname" class="form-control" onChange="showSubItem(this);">

应该是

<select name="iname" id="iname" class="form-control" onChange="showSubItem(this.value);">

所以你可以直接从你的变量sel访问选择的值

var item_name = sel;

Answer 3

您没有在 subitem.php 文件中定义 $country_id，这就是代码在 if 语句中执行失败的原因。您可以为 $country_id 定义一些内容，或者在不需要时删除条件。然后就可以了

例子：

<?php
    include 'config.php';
    $country_id = 'something';
    $item_name = ($_POST["item_name"] <> "") ? trim( addslashes($_POST["item_name"])) : "";
    if ($country_id <> "" ) { 
    $sql = "SELECT * FROM sub_menu WHERE item_name = ".$item_name ." ORDER BY sub_item_name";
    $count = mysql_num_rows( mysql_query($sql) );
    if ($count > 0 ) {
    $query = mysql_query($sql);
    ?>
    <select name="sub_item">
       <option value="">Please Select</option>
     <?php while ($rs = mysql_fetch_array($query)) { ?>
       <option><?php echo $rs["item_name"]; ?></option>
    <?php } ?>
    </select>
    <?php 
      }
    }
    ?>