Javascript 使用“创建动态表”;下拉多选复选框“;(jquery)
我正在jsp页面中填充一个动态表。我想有一列作为“下拉多选复选框”。要创建“下拉多选复选框”,我正在使用(jquery+bootstrap)。但是只有第一行是使用多选复选框创建的,其他行是作为普通的选择选项来的 代码如下:-Javascript 使用“创建动态表”;下拉多选复选框“;(jquery),javascript,jquery,twitter-bootstrap,checkbox,Javascript,Jquery,Twitter Bootstrap,Checkbox,我正在jsp页面中填充一个动态表。我想有一列作为“下拉多选复选框”。要创建“下拉多选复选框”,我正在使用(jquery+bootstrap)。但是只有第一行是使用多选复选框创建的,其他行是作为普通的选择选项来的 代码如下:- <html><head> <script> <link rel="stylesheet" href="css/bootstrap.min.css"> <script src="js/jquery.min.js">&
<html><head>
<script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect.css"
type="text/css">
<script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#myselect").multiselect({
includeSelectAllOption: true
});
});
</script>
</head>
<body>
<Table name="test" border="1">
<TR bgcolor="#33FFFF">
<td>ManagementIPAddress</td>
<td>Application name</td>
</TR>
<c:forEach var="resultMap" items="${requestScope.snmpGetResultsMap}">
<TR>
<TD><c:out value="${resultMap.key}" /></TD>
<TD><select id="myselect" multiple="multiple">
<option value="checkbox-1">checkbox-1</option>
<option value="checkbox-2">checkbox-2</option>
<option value="checkbox-3">checkbox-3</option>
<option value="checkbox-4">checkbox-4</option>
<option value="checkbox-5">checkbox-5</option>
<option value="checkbox-6">checkbox-6</option>
</select><br />
<br /></TD>
</TR>
</c:forEach>
</Table>
</body></head></html>
$(文档).ready(函数(){
$(“#myselect”).multiselect({
includeSelectAllOption:true
});
});
管理IP地址
应用程序名称
复选框-1
复选框-2
复选框-3
复选框-4
复选框-5
复选框-6
我知道会发生这种情况,因为select id对于每一行都应该是唯一的,但现在确定如何解决它 使用公共类。将一个类添加到select中,然后可以使用 HTML: 试试下面的代码
<html><head>
<script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect.css"
type="text/css">
<script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".yourClass").each(function(){
$(this).multiselect({
includeSelectAllOption: true
});
});
});
</script>
</head>
<body>
<Table name="test" border="1">
<TR bgcolor="#33FFFF">
<td>ManagementIPAddress</td>
<td>Application name</td>
</TR>
<c:forEach var="resultMap" items="${requestScope.snmpGetResultsMap}">
<TR>
<TD><c:out value="${resultMap.key}" /></TD>
<TD><select class="yourClass" multiple="multiple">
<option value="checkbox-1">checkbox-1</option>
<option value="checkbox-2">checkbox-2</option>
<option value="checkbox-3">checkbox-3</option>
<option value="checkbox-4">checkbox-4</option>
<option value="checkbox-5">checkbox-5</option>
<option value="checkbox-6">checkbox-6</option>
</select><br />
<br /></TD>
</TR>
</c:forEach>
</Table>
</body></head></html>
$(文档).ready(函数(){
$(“.yourClass”).each(函数(){
$(此)。多选({
includeSelectAllOption:true
});
});
});
管理IP地址
应用程序名称
复选框-1
复选框-2
复选框-3
复选框-4
复选框-5
复选框-6
使用公共类。在你的选择中添加一个类,然后你可以使用class Selector或Anks Satpal作为建议,但我不知道在这种情况下如何调用jquery函数。只要用你喜欢的css类名替换你的类谢谢你的帮助非常感谢Satpal,它起了作用:)你救了我一天:)
$(document).ready(function() {
$(".mySelectClass").multiselect({
includeSelectAllOption: true
});
});
<html><head>
<script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/bootstrap-multiselect.css"
type="text/css">
<script type="text/javascript" src="js/bootstrap-multiselect.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".yourClass").each(function(){
$(this).multiselect({
includeSelectAllOption: true
});
});
});
</script>
</head>
<body>
<Table name="test" border="1">
<TR bgcolor="#33FFFF">
<td>ManagementIPAddress</td>
<td>Application name</td>
</TR>
<c:forEach var="resultMap" items="${requestScope.snmpGetResultsMap}">
<TR>
<TD><c:out value="${resultMap.key}" /></TD>
<TD><select class="yourClass" multiple="multiple">
<option value="checkbox-1">checkbox-1</option>
<option value="checkbox-2">checkbox-2</option>
<option value="checkbox-3">checkbox-3</option>
<option value="checkbox-4">checkbox-4</option>
<option value="checkbox-5">checkbox-5</option>
<option value="checkbox-6">checkbox-6</option>
</select><br />
<br /></TD>
</TR>
</c:forEach>
</Table>
</body></head></html>