javascript - 在 HTML 表单中使用 JQuery 动态下拉菜单 (PHP)

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 不是实际的公式，它将作为变量进入 HTML 公式。我无法在我的页面上显示下拉列表。

第二个问题是:填充下拉列表的 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>

我希望它很清楚:)