在HTML表單（PHP）中使用JQuery動態下拉列表

Question

我想要一個下拉菜單，該下拉菜單將根據初始下拉菜單中選擇的值更改其選項，並且我在Stackoverflow上找到了一個非常好的解決方案。 所以首先要感謝您。 這正是我想要的。 它是這樣的：

  <select id="us_state"></select>
  <select id="city_name"></select> 

   var data = {
   "State 1": ["City 1", "City 2"],
   "State 2": ["City 3", "City 4"],
   "State 3": ["City 5", "City 6", "City 7"] 
   };

   var $states = $("#us_state").on("change", function() {
   var cities = $.map(data[this.value], function(city) {
   return $("<option />").text(city);
   });
   $("#city_name").empty().append(cities);
   });

   for (var state in data) {
   $("<option />").text(state).appendTo($states);
   }

   $states.change();

這是JFiddle： http : //jsfiddle.net/8hbcP/

由於我在Web應用程序開發中非常環保，因此我有以下問題：有人可以幫我將其嵌入到如下所示的HTML表單中：

  $row1 = "
    <tr>
      <td colspan='1' align = 'left';>
        Google Search:<br>
        <select name='filters[]' id='filters' style='width:180px;' size='6'>
        " . $filter_dropdown . "
        </select>
      </td>
      <td colspan='1' align = 'left';>
         **Kategorie or Site:<br>
        <select id='us_state'>
        </select>**
      <br/>
      </td>
      <td colspan='1' align = 'left';>
         **Selection:<br>
        <select id='city_name'>
        </select>**
      </td>
      <td colspan='1' align = 'left';>
      </td>       
    </tr>";    

您可能可以推斷出我正在使用PHP，因此$ row不是實際的Formular，它將作為變量進入HTML Formular。 我無法將下拉列表顯示在我的頁面上。

然后，第二個問題將是：var data {}中填充下拉列表的值應該是mySQL查詢的結果，有人可以告訴我如何將其放入包含查詢結果的變量數組嗎？

再次感謝。

Answer 1

這是第二個問題的答案：從mysql表（mysql_fetch_assoc）中獲取所需的字段，獲取訪存數組中的行數，創建一個表單和一個select元素，然后創建一個簡單的for循環以遍歷每個行，並在每次迭代中創建一個選項變量。 這是我的代碼中的一個示例：

<form action="home.php" method="post">
<select name="stores">
<? for ($i=0; $i<$numrows; $i++){
$k=$i+1;
$varname='altname'[$k]; 
$varname2='alt'.[$k];

?>
    <option value="<?echo "storename=".$$varname."&storeid=".$$varname2;?>"><?echo $$varname;?></option>

<?}?>
</select>
<input type="submit" class="button" value="SeeStore" />
</form>

我希望很清楚:)