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

时间:2016-04-10 03:30:29

标签: javascript php forms

我有一个表单,使用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>

1 个答案:

答案 0 :(得分:2)

您没有为下拉列表(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>