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!' });

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

1 个答案: