На моей главной странице у меня есть простой выпадающий список:
<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 для другой страницы, вычислить целое число и задать для него переменную, выбрать соответствующий выпадающий элемент и вернуть его на главную страницу.
С моим кодом выше раскрывающийся список на главной странице становится пустым. Кто-нибудь замечает решение?