依赖下拉列表Jquery,AJAX,PHP,MYSQL

BTBT

我正在尝试创建一个依赖的下拉列表,但是在我进行第一次选择后似乎没有填充。每个选择将从MySQL数据库中获取数据为了使第二个下拉菜单具有任何选项(默认的“选择选项”值除外),用户必须首先在第一个下拉菜单上进行选择。经过大量的搜索之后,我很难找到一个简单的选项解决方案。

这是我到目前为止的一切

下拉列表(我使用PHP,并MySQL在这里产生并输出一个下拉列表getter.phprequire_onceindex.phpecho出下拉)

$accountOptions = "";
$facilityOptions = "";

$dbc = mysqli_connect(DB_HOST, DB_USER, DB_PASSWORD, DB_NAME);        
if (!$dbc) {
    die("Connection failed: " . mysqli_connect_error());
}

///ACCOUNTS/////
$accountQuery = "SELECT account_id, account_name FROM account";
$accountData = mysqli_query($dbc, $accountQuery);

//loop through data and display all accounts
while ($aRow = mysqli_fetch_array($accountData)) {
         $accountOptions .="<option value=\"".$aRow['account_id']."\">" . $aRow['account_name'] . "</option>";
}

$accountDropDown=" <label>Accounts: </label><br>
                    <select name='account' id='account' onChange='getFacility(this.value)'>
                        <option selected='selected' disabled='disabled' value=''>Select account</option>
                    " . $accountOptions . "
                    </select>";

////FACILITIES/////
$facilityDropDown=" <label>Facility: </label><br>
                    <select name='facility' id='facility'>
                        <option selected='selected' disabled='disabled' value=''>Select facility</option>
                    </select>";

jQuery / AJAX

function getFacility(val) {
        $.ajax({
        type: "POST",
        url: "getfacility.php",
        data:'account_id='+val,

        success: function(data){
                $("#facility").html(data);
        }
        });
    }

getfacility.php

//db connection..


if(!empty($_POST["account_id"])) {

$accountID = $_POST['account_id'];

$sql = "SELECT *, account.account_name FROM facility "
     . "INNER JOIN account ON account.account_id = facility.account_id "
     . "WHERE facility.account_id = '". $accountID ."'";

$data = mysqli_query($dbc, $sql);

echo "<option selected='selected' disabled='disabled' value=''>Select facility</option>";

while ($fRow = mysqli_fetch_array($data)) {
     $facilityOptions .="<option value=\"".$fRow['facility_id']."\">" . $fRow['facility_name'] . "</option>";
}

    $facilityDropDown=" <label>Facility: </label><br>
                <select name='facility' id='facility'>
                    <option selected='selected' disabled='disabled' value=''>Select facility</option>
                " . $facilityOptions . "
                </select>";
}

现在,当我在第一个下拉列表中进行选择时,第二个下拉列表中没有任何内容,我在哪里出错?

萨金克

getfacility.php中进行更改

如果您的ajax在“网络”(控制台)中显示200 ok状态和预期响应

//db connection..


if(!empty($_POST["account_id"])) {

$accountID = $_POST['account_id'];

$sql = "SELECT *, account.account_name FROM facility "
     . "INNER JOIN account ON account.account_id = facility.account_id "
     . "WHERE facility.account_id = '". $accountID ."'";

$data = mysqli_query($dbc, $sql);

echo "<option selected='selected' disabled='disabled' value=''>Select facility</option>";

while ($fRow = mysqli_fetch_array($data)) {
     echo "<option value=\"".$fRow['account_id']."\">" . $fRow['account_name'] . "</option>";
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用 AJAX、PHP 和 MYSQL 填充依赖下拉列表

来自分类Dev

PHP依赖下拉列表

来自分类Dev

JavaScript jQuery依赖下拉列表

来自分类Dev

JavaScript jQuery依赖下拉列表

来自分类Dev

PHP / MySQL下拉列表

来自分类Dev

Vue JS的依赖下拉列表(无Ajax)

来自分类Dev

Mvc,Jquery,选择。依赖下拉列表

来自分类Dev

Codeigniter-带有jquery和ajax post的依赖下拉列表

来自分类Dev

PHP的依赖下拉列表获取选定的值

来自分类Dev

jQuery CODEIGNITER的先前依赖的依赖下拉列表不会消失

来自分类Dev

依赖Django和Ajax的html选择列表(级联下拉列表)

来自分类Dev

下拉AJAX,PHP和MYSQL

来自分类Dev

级联下拉jquery ajax php

来自分类Dev

yiii中依赖下拉列表中的ajax无法正常工作

来自分类Dev

带有 AJAX 动态依赖下拉列表的 Codeigniter

来自分类Dev

WordPress的依赖下拉列表

来自分类Dev

使用ajax php codeigniter填充下拉列表

来自分类Dev

从ajax调用php填充下拉列表

来自分类Dev

使用jQuery的依赖下拉列表无法填充HTML文件

来自分类Dev

下拉列表依赖选择列表

来自分类Dev

使用 ajax、php 和 mysql 将数据加载到下拉列表中

来自分类Dev

从php中的依赖下拉列表中显示数据

来自分类Dev

下拉列表可能与MYSQL PHP不同

来自分类Dev

php mysql export应该创建下拉列表

来自分类Dev

PHP:基于下拉列表的MySQL值调用

来自分类Dev

从MySql和Php填充下拉列表选择

来自分类Dev

在php html中从mysql填充下拉列表

来自分类Dev

来自 MYSQL 的简单下拉列表 PHP 代码

来自分类Dev

PHP jQuery数据属性填充下拉列表