根据第一个选择获取选项值答案

【问题标题】：Fetch Option Value according to first Selection根据第一个选择获取选项值
【发布时间】：2020-01-17 18:40:18
【问题描述】：

我想根据第一个选项类型中的选择角色在第二个选项中获取用户。我有多个用户表。我希望根据第一个选项值中的角色选择记录，然后根据选择从表中获取记录。我在这里只插入了 1 个表格代码。我希望当用户选择 npa 时，将从 npa 表中获取 reocrd。

/*Ajax.php*/
include('config.php');

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


    // Fetch state data based on the specific country
    $query = "SELECT * FROM promotor";
    $result = mysqli_query($conn , $query);


    // Generate HTML of state options list
    if(mysqli_num_rows($result) > 0){
        echo '<option value="">Select User</option>';
        while($row = mysqli_fetch_assoc($result)){
            echo '<option value="'.$row['Promotor_ID'].'">'.$row['Promotor_Name'].'</option>';
        }
    }else{
        echo '<option value="" class="form-control">User not available</option>';
    }



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


    <script type="text/javascript">
    //alert(role);
    $(document).ready(function(){
        $('#role').on('change', function(){
            var role = $(this).val();
            if(role){
                alert(console.log(role));
            }
                $.ajax({
                    type:'POST',
                    url:'ajax.php',
                    data:'role='+role,
                    success:function(html){
                        $('#user').html(html);

                    }
                });
            }
        else{
                $('#user').html('<option value="">User Not Available</option>');

            }
        });
</script>

 <select id="role" name="role" class="form-control">
 <option value="default">Select Role</option>
 <option value="NPA">NPA</option>
 <option value="BDA">BDA</option>
 </select>
 
 
<select id="user" name="user" class="form-control">
 <option value="">Select User</option>
 </select>

【问题讨论】：

请不要只求我们为您解决问题。向我们展示您是如何尝试自己解决问题的，然后向我们确切展示结果是什么，并告诉我们您为什么觉得它不起作用。向我们明确解释什么不起作用并提供a Minimal, Complete, and Verifiable example。阅读How to Ask 一个好问题。请务必take the tour 并阅读this。
感谢您的回复。我正在尝试通过 jquery 在 php 文件上通过 ajax 发布选项值，但它不起作用。当我点击第一个选项时没有显示任何结果。
我已经解决了。感谢拒绝

标签： php jquery json ajax

【解决方案1】：

<?php
<?php
/*getcustomer.php*/
include('config.php');
$sql = "select * from promotor";
$result = mysqli_query($conn, $sql);
?>

<select id="user">
    <option value="">Select Country</option>
    <?php
    if(mysqli_num_rows($result)){
        while($row = mysqli_fetch_assoc($result)){
            echo '<option value="'.$row['Promotor_ID'].'">'.$row['Promotor_Name'].'</option>';
        }
    }else{
        echo '<option value="">User Not Available</option>';
    }
    ?>
</select>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    function showCustomer(str) {
        var xhttp;
        if (str == "") {
            document.getElementById("txtHint").innerHTML = "";
            return;
        }
        xhttp = new XMLHttpRequest();
        xhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtHint").innerHTML = this.responseText;
            }
        };
        xhttp.open("GET", "getcustomer.php?q="+str, true);
        xhttp.send();
    }
</script>

<select id="role" name="role" class="form-control" onchange="showCustomer(this.value)">
 <option value="default">Select Role</option>
  <option value="NPA">NPA</option>
  <option value="BDA">BDA</option>
 </select>
<div id="txtHint">User list will be here</div>

【讨论】：