Javascript 锚定标记打开引导模式,并根据php中的下拉值传递参数
我这里有些东西让我有好长一段时间都不舒服 我有一个Php表单,它有一个锚标记和一个下拉列表。我设法使用锚标记打开了一个模态,但是如何将下拉列表的值传递给该模态呢 这是锚定标记和下拉脚本Javascript 锚定标记打开引导模式,并根据php中的下拉值传递参数,javascript,jquery,html,Javascript,Jquery,Html,我这里有些东西让我有好长一段时间都不舒服 我有一个Php表单,它有一个锚标记和一个下拉列表。我设法使用锚标记打开了一个模态,但是如何将下拉列表的值传递给该模态呢 这是锚定标记和下拉脚本 <label id="labelfordropdown"><strong>Filter By Month:</strong></label> <select name="datestart" id="datestart" class="form-control
<label id="labelfordropdown"><strong>Filter By Month:</strong></label>
<select name="datestart" id="datestart" class="form-control" style="width:500px;">
<option value="">--Select Month--</option>
<option value="01">January</option>
<option value="02">February</option>
<option value="03">March</option>
<option value="04">April</option>
<option value="05">May</option>
<option value="06">June</option>
<option value="07">July</option>
<option value="08">August</option>
<option value="09">September</option>
<option value="10">October</option>
<option value="11">November</option>
<option value="12">December</option>
</select>
按月筛选:
--选择月份--
一月
二月
前进
四月
也许
六月
七月
八月
九月
十月
十一月
十二月
然后是锚定标签
<a href="#" data-toggle="modal" data-target="#modalRegister" data-id=""> <span class="glyphicon glyphicon-th-list"></span> Details</a>
这是模态
<div id="modalRegister" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title" style="text-align-last: center">Register</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
&时代;
登记
接近
如何使用锚定标记将数据(比如说12月)传递给modal。因此,我可以为该模式创建一个ajax
谢谢。在模态div中进行隐藏输入,如:
$('#modalRegister').click(function(){
$('#myVal').val('any value');
});
试试这个。当模态已经可见时,它将获得您下拉列表的值
$('modalRegister').on('show.bs.modal',function(){
var datestart=$('#datestart').val();//下拉列表的值
//现在取决于你在这里下拉列表的值上做什么。
});
您希望将值放在模式中的确切位置?
$('#modalRegister').click(function(){
$('#myVal').val('any value');
});