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


Use Javascript on Multiple Divs generated from Database

我有一个多选下拉菜单,需要添加到每个div。div 将来将从数据库动态创建。我遇到的问题是只有第一个div 有一个下拉列表,其余的都被 javascript 忽略了。

如何遍历 javascript 并为每个项目创建一个实例,就像我在 PHP 循环中所做的那样?

谢谢!

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

必须是唯一的(不要有两个具有相同 ID 的选择)。向每个选择添加一个类,然后使用类名来定位所有选择。使用 ID 将仅选择第一个:http://api.jquery.com/id-selector/

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