Question

我这里有些东西让我筋疲力尽了一段时间。

我有一个Php表单，它有一个锚标记和一个下拉列表。我设法使用锚标记打开一个模态但是如何将下拉值传递给该模态。

这是锚标记和下拉脚本

<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">&times;</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月份的数据传递给模态。所以我可以为那个模态创建一个ajax。

感谢。

Answer 1

试试这个。当模态已经可见时，它将获得你的下拉值。

$('#modalRegister').on('shown.bs.modal', function() {
  var datestart = $('#datestart').val(); // value  of your dropdown
  // it is now up to you on what you do on the value of your dropdown here.
});

Answer 2

在你的模态div中创建一个隐藏的输入，如：

...

<input type="hidden" id="myVal" value="" />

并点击打开模态的锚点，将值传递给此隐藏输入，如：

$('#modalRegister').click(function(){
    $('#myVal').val('any value');
});

锚标签打开bootstrap模式并根据php

2 个答案: