javascript - 无法从动态创建的选择下拉列表中检索值

Question

我有一个表单，它使用 JavaScript + PHP 变量(包含 JSON 信息)来填充选择下拉列表。 JavaScript 完美地创建了下拉菜单，但是我不知道如何在表单提交时检索发布的值。

我已经尝试使用简单的 post 方法检索值来发布值，并在同一页面上检索它，但是没有传递任何内容，有人知道我在这里做错了什么吗？

<?php    
if (isset($_POST['save_settings_button']))
{
$site_name = $_POST["Site"];
}
?>

 <form name='myform' method="POST" action=''>
        <label for="Site">Site:</label>
        <select id="Site"></select>
        <div class=""><input class="cbp-mc-submit" type="submit" name="save_settings_button" value="Save Settings" /></div>
    </form>

      <script type="text/javascript">
      var jsonData = {
          "Table": <?php print $output;?>
      };

         $(document).ready(function () {
             var listItems = '<option selected="selected" value="0">- Select -</option>';

          for (var i = 0; i < jsonData.Table.length; i++) {
                 listItems += "<option value='" + jsonData.Table[i].id + "'>" + jsonData.Table[i].name + "</option>";
             }

             $("#Site").html(listItems);
         });
      </script>

Answer 1

您没有为下拉菜单输入任何名称(SELECT) input add name="Site" 然后您可以从中获取输入。

<form name='myform' method="POST" action=''>
    <label for="Site">Site:</label>
    <select id="Site" name="Site"></select>
    <div class=""><input class="cbp-mc-submit" type="submit" name="save_settings_button" value="Save Settings" /></div>
</form>