動的に作成された選択ドロップダウンメニューから値を取得できません

Question

JavaScript + PHP変数（JSON情報を含む）を使用して選択ドロップダウンを作成するフォームがあります。 JavaScriptは完全にドロップダウンを作成しますが、フォーム提出時に投稿された値を取得する方法を考えることはできません。

単純ポストメソッドを使用して値を取得しようとしましたが、値をポストして同じページで取得しましたが、何も通過しませんでした。あなたがドロップダウンには任意の名前を入れていない

<?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>