大佬教程收集整理的这篇文章主要介绍了jquery在下一个多选框中选择所有选项，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我还创建了一个链接,允许用户在任何多选框中“全选”选项.到目前为止,事情很有效！但我想让jquery更聪明一些.
这是我编码的一个例子：
<table>
<tr>
<td><div id="allaffs" class="SELEctAll">SELEct all</div></td>
</tr>
<tr>
<td>
<SELEct name="affid[]" id="affid" size="15" style="width:230px;height:300" multiple="multiple">
<option value="0" SELEcted="SELEcted">--no affiliate assigned--</option>
<? while($r = MysqL_fetch_array($somequerystuff)){ ?>
<option value="<?PHP echo $r['affid']; ?>" SELEcted="SELEcted"><?PHP echo $r['affname']; ?></option>
<? } ?>
</SELEct>
</td>
</tr>
</table>
<table>
<tr>
<td><div id="allsources" class="SELEctAll">SELEct all</div></td>
</tr>
<tr>
<td>
<SELEct name="sourcEID[]" id="sourcEID" size="15" style="width:230px;height:300" multiple="multiple">
<option value="0" SELEcted="SELEcted">--no source assigned--</option>
<? while($r = MysqL_fetch_array($somequerystuff)){ ?>
<option value="<?PHP echo $r['sourcEID']; ?>" SELEcted="SELEcted"><?PHP echo $r['sourcename']; ?></option>
<? } ?>
</SELEct>
</td>
</tr>
</table>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$(".SELEctAll").click(function(){
var thEID = $(this).attr('id');
if(thEID=='allaffs'){ $("#affid option").attr("SELEcted","SELEcted"); }
if(thEID=='allsources'){ $("#sourcEID option").attr("SELEcted","SELEcted"); }
});
});
</script>
这完全有效.但是我倾向于为其他过滤原因添加更多的多盒子.
我想让jquery检测.SELEctAll类的click事件,但要使它足够智能,以便在下一个可用的多框中选择所有选项.这样我就不必在新框的jquery代码中创建一个新行.
<div class="SELEctAll" data-multi-id="sourcEID">SELEct all</div>
然后在你的脚本中：
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$(".SELEctAll").click(function(){
var multi = $(this).data('multi-id');
$('#' + multi + ' option').attr('SELEcted','SELEcted');
});
});
</script>
以上是大佬教程为你收集整理的jquery在下一个多选框中选择所有选项全部内容，希望文章能够帮你解决jquery在下一个多选框中选择所有选项所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。