从下拉列表中返回JQuery值

时间:2014-12-03 11:23:42

标签: php jquery drop-down-menu

我有两个下拉菜单。一个是州,另一个是州内的地点。第二个是使用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());
    });
});

2 个答案:

答案 0 :(得分:0)

&#34; 如何从第二个下拉列表中访问所选的值&#34;

我可以将此识别为您的问题,因此我认为您需要找到下拉列表中所选选项的值。

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

这将从第二个下拉列表中为您提供所选选项的值(以便您可以将其传递到URL,这是您想要的)。

答案 1 :(得分:0)

<?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;
}
?>

试试这个