Javascript 更改选择选项时，再次从数据库获取数据

我有一个选择下拉列表，如下所示：

<select name="city" id="order_form_select">
    <option value="" disabled selected>Ort ↓</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
</select>

<?php
$statement = $pdo->prepare('SELECT some_column FROM my_table WHERE some_value = "abc" AND city = :city');
$statement->execute(array('city' => $city));
$row = $statement->rowCount();
if ($row == 0) {
   echo "<input type=\"radio\" name=\"something\" value=\"option1\">Option 1</p>";
}

$statement = $pdo->prepare('SELECT some_column FROM my_table WHERE some_value = "xyz" AND city = :city');
$statement->execute(array('city' => $city));
$row = $statement->rowCount();
if ($row == 0) {
    echo "<input type=\"radio\" name=\"something\" value=\"option2\">Option 2</p>";
}
?>

奥特↓
选择1
选择2
选择3
选择4

我得到一些单选按钮如下：

<select name="city" id="order_form_select">
    <option value="" disabled selected>Ort ↓</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
    <option>Option 4</option>
</select>

<?php
$statement = $pdo->prepare('SELECT some_column FROM my_table WHERE some_value = "abc" AND city = :city');
$statement->execute(array('city' => $city));
$row = $statement->rowCount();
if ($row == 0) {
   echo "<input type=\"radio\" name=\"something\" value=\"option1\">Option 1</p>";
}

$statement = $pdo->prepare('SELECT some_column FROM my_table WHERE some_value = "xyz" AND city = :city');
$statement->execute(array('city' => $city));
$row = $statement->rowCount();
if ($row == 0) {
    echo "<input type=\"radio\" name=\"something\" value=\"option2\">Option 2</p>";
}
?>

---

提示每次选择值时都要刷新页面：

创建此javascript

<script type="text/javascript">
window.onload = function () {
    var citySelector = document.getElementById('order_form_select');
    citySelector.addEventListener('change', function () {
        if (this.value) {
            window.location = 'yourphp.php?city=' + this.value
        }
    }, false);
}
</script>


window.onload=函数（）{
var citySelector=document.getElementById（'order\u form\u select'）；
citySelector.addEventListener（'change'，function（）{
if（该值）{
window.location='yourphp.php？city='+this.value
}
}，假）；
}

在html代码中，为选项添加值：


奥特↓
选择1
选择2
选择3
选择4

要在刷新后保持该值，请执行以下操作：

>选择1
>选择3
>奥特↓
>选择2
>选择4

希望这有助于您
每次选择值时都要刷新页面：

创建此javascript

<script type="text/javascript">
window.onload = function () {
    var citySelector = document.getElementById('order_form_select');
    citySelector.addEventListener('change', function () {
        if (this.value) {
            window.location = 'yourphp.php?city=' + this.value
        }
    }, false);
}
</script>


window.onload=函数（）{
var citySelector=document.getElementById（'order\u form\u select'）；
citySelector.addEventListener（'change'，function（）{
if（该值）{
window.location='yourphp.php？city='+this.value
}
}，假）；
}

在html代码中，为选项添加值：


奥特↓
选择1
选择2
选择3
选择4

要在刷新后保持该值，请执行以下操作：

>选择1
>选择3
>奥特↓
>选择2
>选择4

希望这对您有所帮助
您能告诉我们您面临的问题是什么吗？您是在问如何将选择永久存储到数据库，还是直接存储到下一页加载？@atoms“直接存储到下一页加载”您能告诉我们您面临的问题是什么吗？您是在问如何将选择永久存储到数据库，或者刚刚进入下一页加载？@atoms“刚刚进入下一页加载”由于与您的问题存在误解，我编辑了我的答案嗨，谢谢您的回答。但是，如果用户浏览器上禁用了Javascript，该怎么办？您好，大卫，我编辑了我的答案，您可以使用本机html功能，选择您所在的城市并单击按钮提交信息我编辑了我的答案，因为对您的问题有误解。您好，谢谢您的回答。但是，如果用户浏览器上禁用了Javascript，该怎么办呢？您好，大卫，我编辑了我的答案，您可以使用本机html功能，选择您所在的城市，然后单击按钮提交信息