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