Question

在我的主页上，我有一个简单的下拉框：

<select name="miles" id="miles">
<option value="5">5</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="25">25</option>
<option value="50">50</option>
<option value="75">75</option>
<option value="100">100</option>
</select>
<button type="button" name="button" id="button">Search</button>

单击此按钮时，它将执行JQuery $ .load：

$("#miles").load("main_data.php #miles_data");

此处页面按钮正在调用main_data.php：

<?php

... code to calculate $b

?>

<span id="miles_data">
<option value="5" <?php if ($b == 5) { echo "selected"; } ?>>5</option>
<option value="10" <?php if ($b == 10) { echo "selected"; } ?>>10</option>
<option value="15" <?php if ($b == 15) { echo "selected"; } ?>>15</option>
<option value="25" <?php if ($b == 25) { echo "selected"; } ?>>25</option>
<option value="50" <?php if ($b == 50) { echo "selected"; } ?>>50</option>
<option value="75" <?php if ($b == 75) { echo "selected"; } ?>>75</option>
<option value="100" <?php if ($b == 100) { echo "selected"; } ?>>100</option>
</span>

我的目标看似简单：执行$ .load到另一个页面，计算一个整数并将其设置为变量，选择匹配的下拉项并将其返回到主页面。

使用上面的代码，主页面上的下拉框变为空白。有没有人注意到解决方案？

Answer 1

一个可能的问题是所选“选项”的格式为：

<select>
  <option>Volvo</option>
  <option selected="selected">Saab</option>
  <option>Mercedes</option>
  <option>Audi</option>
</select>

肆无忌惮地从here

扯下来

所以你想拥有

<option value="5" <?php if ($b == 5) { echo 'selected="selected"'; } ?>>5</option>

JQuery / PHP：将选择框替换为另一页上的另一个选择框

1 个答案: