javascript - データベースから生成された複数の Div で Javascript を使用する

Question

各 div に追加する必要がある複数選択ドロップダウン メニューがあります。今後、div はデータベースから動的に作成されます。私が抱えている問題は、最初の div のみにドロップダウンがあり、残りは JavaScript によって無視されていることです。

PHPループで行っているように、JavaScriptをループして各アイテムのインスタンスを作成するにはどうすればよいですか?

ありがとう！

Javascript:

    <script type="text/javascript">

        $(document).ready( function() {

            // 'Select All' text changed
            $("#control_8").multiSelect({ selectAllText: 'Pick all!' });

            // Show test data
            $("FORM").submit( function() {
                $.post('result.php', $(this).serialize(), function(r) {
                    alert(r);
                });
                return false;
            });

        });

    </script>

PHP:

  <?php

    for ($i=0; $i<50; $i++)
{

 echo"
<select id='control_8' name='control_".$i."[]' multiple='multiple' size='5'>";


        $templates = mysql_query("SELECT id, title FROM tmpl2");

while($row = mysql_fetch_assoc($templates))
{
    echo "<option value='option_".$row[id]."'>$row[title]</option>";
}


echo "</select>";
}  

?>