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)输入添加任何名称，然后添加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>