从下拉菜单中返回JQuery值

Question

我有两个下拉菜单。一个是国家，另一个是州内的地点。第二个是用JQuery动态加载的。

我不明白如何访问从第二个下拉列表中选择的值，所以我可以将其传递到下一页。

的search.php

while($row = mysqli_fetch_array($result)) { ?> 
    <option value="<?=$row['id']?>"> <? echo $row['name'] ?></option> 

<?php } 
?> 

<form method = "post" action="index.php?page=users"> 

          <p> 

           <select name="list-select" id="list-select"> 
            <option value="AL">Alabama</option> 
             <option value="AK">Alaska</option> 
             <option value="AZ">Arizona</option> 
             <option value="AR">Arkansas</option> 

             <option value="CA">California</option> 
             <option value="CO">Colorado</option> 
             <option value="CT">Connecticut</option> 
             <option value="DE">Delaware</option> 
           </select> 

        <?php  

        echo '<select name="list-target" id="list-target">'; 

        echo '</select>'; 

          $installation_id = $_POST['list-target']; 


        mysqli_close($con); 
        ?> 

        </p> 
        <button type="input" name="submit" value="installations" class="btn btn-success btn-sm btn-icon"><i class="fa fa-sign-in"></i>Check This Location</button> 
       </form> 

custom.js

$(document).ready(function($) { 
    $("#list-select").change(function() { 
     $("#list-target").load("index.php?page=search&svalue=" + $("#list-select").val()); 
    }); 
}); 

Answer 1

“如何访问从第二个下拉选择向下的价值”

我能确定这是你的问题，所以我认为你需要找到下拉列表中选择的选项的值..

$("#list-select").change(function() { 
    console.log($("#list-target option:selected").val()); 
}); 

这会给你从第二个下拉列表中选择的选项的值（这样你就可以将它传递到URL，这是你想要的）。

Answer 2

<?php 
if (!empty($_GET['page']) && $_GET['page'] == 'search') { 
    $options = ''; 
    while ($row = mysqli_fetch_array($result)) { 
     $options .= '<option value="' . $row['id'] . '">' . $row['name'] . '</option>'; 
    } 
    echo $options; 
    exit; 
} 
?> 

试试这个