php - 最初の反復でのみ機能するJquery

Question

だから私はjqueryを介して動的に入力されたドロップダウンを出力しようとしています. 問題は、1回の反復でしか機能しないことです。スクリプト -

<script> $(function() 
        {
            $("#projects").change(function() {   
            $("#tasks").load("getdata.php?choice=" + $("#projects").val());
            });       
        });           //getdata.php queries data and echoes <option>
                      //#projects -> <select> id and #tasks->options id
    </script>

そこにそれぞれを紹介することと関係があることは知っていますが、それを機能させることができないようです。

これはループされている div です -

foreach($days as $key=>$day)         //inside <select  id="projects">
{
    echo '<td align="center" width="65">
            <div>'.$day.'<br><input name="hours" type="text" size="2" placeholder="hours">
                <select id="tasks">
                    <option>Select a Project First</option>
                </select>
            </div>
          </td>';
}

Answer 1

php ファイルから戻ると #task の内容が変わります

$(document).ready(function(){
    $('.#projects').change(function(){
        var getdata = 'getdata.php?choice='+$("#projects").val();
        alert(getdata);
        $('#tasks').load(getdata);
    });
})

Answer 2

値を動的に追加した後、ドロップダウン リストを更新する必要があります。

---

//refresh value         
$('select').selectmenu('refresh');

//refresh and force rebuild
$('select').selectmenu('refresh', true);

Answer 3

動的に来る要素には .on() を使用する必要があります。

 $(document).on('change','#projects',function(){
   //code here
 });