大佬教程收集整理的这篇文章主要介绍了jquery – 如何传递值参数到modal.show()函数在Bootstrap,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<table class="table table-condensed table-Striped"> <tbody> <tr> <td>B&Js </td> <td>10690 N De Anza Blvd </td> <td> <a class="btn btn-priMary" data-toggle="modal" onClick="$('#createFormId').modal('show')" >Announce</a> </td> </tr> <tr> <td>CoHo Cafe </td> <td>459 Lagunita Dr </td> <td> <a class="btn btn-priMary" data-toggle="modal" onClick="$('#createFormId').modal('show')" >Announce</a> </td> </tr> <tr> <td>Hot Spot Espresso and Cafe </td> <td>1631 N Capitol Ave </td> <td> <a class="btn btn-priMary" data-toggle="modal" onClick="$('#createFormId').modal('show')" >Announce</a> </td> </tr> </tbody> </table>
这里是模态形式
<div class="modal hide fade" id="createFormId""> <div class="modal-header"> <a href="#" class="close" data-dismiss="modal">×</a> <h3>Create Announcement</h3> </div> <div class="modal-body"> <form class="form-horizontal" method="POST" commandName="AnnounceBean" action="/Announce" > <input type="hidden" name="cafEID" value="104" /> <fieldset> <div class="control-group"> <label class="control-label" for="cafename">Where I am Coding</label> <div class="controls"> <input id="cafename" name="cafename" class="input-xlarge disabled" type="text" readonly="readonly" type="text" value="B&Js"/> </div> </div> <div class="control-group"> <label class="control-label" for="date">Date</label> <div class="controls"> <input type="text" class="input-xlarge" id="date" name="date" /> <p class="Help-block"></p> </div> </div> <div class="control-group"> <div class="controls"> <input type="submit" class="btn btn-priMary" value="create" /> <input type="button" class="btn" value="Cancel" onclick="closeDialog ();" /> </div> </div> </fieldset> </form> </div>
问题是如何将实际值传递到模态形式的“value”属性?
<input type="hidden" name="cafEID" value="104" />
“show”事件的形式由“onlick”事件触发
<a class="btn btn-priMary" data-toggle="modal" onClick="$('#createFormId').modal('show')" >Announce</a>
<a class="btn btn-priMary Announce" data-toggle="modal" data-id="107" >Announce</a>
然后使用jQuery绑定点击并发送Announce data-id作为模式#cafEID中的值:
$(document).ready(function(){ $(".Announce").click(function(){ // Click to only happen on Announce links $("#cafEID").val($(this).data('id')); $('#createFormId').modal('show'); }); });
以上是大佬教程为你收集整理的jquery – 如何传递值参数到modal.show()函数在Bootstrap全部内容,希望文章能够帮你解决jquery – 如何传递值参数到modal.show()函数在Bootstrap所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。