Bootstrap模态相关目标

时间:2016-10-05 14:53:17

标签: javascript jquery twitter-bootstrap bootstrap-modal

我正在关注Bootstrap Modals文档(http://getbootstrap.com/javascript/#modals-related-target)并尝试在单击按钮时出现的查询表单中包含变量字段。根据按下的按钮,我想用特定值填充输入字段。

我的JavaScript如下:

<script type="text/javascript">

        $('#exampleModal').on('show.bs.modal', function (event) {
        var button = $(event.relatedTarget)
        var recipient = button.data('whatever') 
        var modal = $(this)
        modal.find('.modal-title').text('Enquiry regarding ' + recipient)
        modal.find('.modal-body input').val(recipient)
    })

</script>

这一行:

modal.find('.modal-body input').val(recipient)

定位我表单中的所有输入字段,但我希望它只通过ID

定位一个输入

有人可以提供建议吗?

此致

尼尔

1 个答案:

答案 0 :(得分:3)

为您的输入字段添加ID,例如

<input id="someid">

在js代码中定位输入的ID,例如

modal.find('#someid').val(recipient)