我有一个多选下拉菜单,需要添加到每个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!' });