在从数据库生成的多个div上使用Javascript

我有一个多选下拉菜单，需要添加到每个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>

$（文档）.ready（函数（）{
//“全选”文本已更改
$（“#control_8”）.multiSelect（{selectAllText:'Pick all！'}）；
//显示测试数据
$（“表格”）。提交（函数（）{
$.post（'result.php'，$（this）.serialize（），函数（r）{
警报（r）；
});
返回false；
});
});

PHP:

ID必须是唯一的（不能有两个ID相同的选项）。向每个select添加一个类，然后使用类名将它们全部作为目标。使用ID将仅选择第一个：

  <?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>";
}  

?>

$(".somename").multiSelect({ selectAllText: 'Pick all!' });