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

Question

我有一个需要添加到每个 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>";
}  

?>

Answer 1

ID 必须是唯一的（不要有两个具有相同 ID 的选择）。为每个选择添加一个类，然后使用类名将它们全部定位。使用 ID 只会选择第一个：http ://api.jquery.com/id-selector/

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