javascript - Bootstrap 模态相关目标

Question

我正在关注 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 仅以单个输入为目标

谁能给个建议？

问候，

尼尔

Answer 1

给你的输入字段一个ID，例如

<input id="someid">

在您的 js 代码中定位该输入的 ID，例如

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