【问题标题】:Bootstrap modal related targetBootstrap 模态相关目标
【发布时间】:2016-10-05 14:53:17
【问题描述】:

我正在关注 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 的单个输入

谁能给点建议?

问候,

尼尔

【问题讨论】:

    标签: javascript jquery twitter-bootstrap bootstrap-modal


    【解决方案1】:

    为您的输入字段提供一个 ID,例如

    <input id="someid">
    

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

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

    【讨论】:

    • @NealFoster 不用担心,很高兴为您提供帮助。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-05
    • 2022-12-04
    • 2019-11-11
    相关资源
    最近更新 更多