Twitter引导模式每次调用时都会显示相同的内容

时间:2013-04-26 15:11:54

标签: twitter-bootstrap modal-dialog

我有很多次链接到模态。在这个模态中,我可以从下拉列表中选择数据。但每次我调用它时,它会显示我第一次选择的下拉列表数据。

以下是我称之为模态的方式:

<a data-toggle="modal" href="#example">...</a>

这是我的模式:

<div id="example" class="modal hide fade">  
    <div class="modal-header">  
        <a class="close" data-dismiss="modal">×</a>  
        <h3>Choose subject and teacher</h3>  
    </div> 
    <div>
        <form class="contact" name = "form">
            <div class="modal-body">  
                <input type = "text" id = "secret" style = "display:none">  
                <select name="subjects" id="subjects" onchange="ch()">
                    <option selected disabled value="default">Subject</option>
                        <?php foreach($subjects as $subject): ?>
                            <option value="<?php echo $subject; ?>"><?php echo $subject; ?></option>
                        <?php endforeach; ?>
                </select>
                <div id = "filters"></div>  
            </div>  
        </form>
    </div>
    <div class="modal-footer">  
        <button class="btn btn-primary" id="submit">Save</button>  
        <a href="#" class="btn" data-dismiss="modal">Close</a>  
    </div>  
</div> 

1 个答案:

答案 0 :(得分:0)

您可以使用活动!

来自doc:http://twitter.github.io/bootstrap/javascript.html#modals

  

事件Bootstrap的模态类公开了几个用于挂钩的事件   模态功能。

示例:

$('#example').on('show', function () {
  $('#subjects').val('default');
})