Javascript 引导模式：在输入字段中动态加载值

我尝试动态加载的Laravel应用程序中有一个引导模式。这个想法是用数据库中的数据填充模式中的输入字段，以便更新值。我快到了

我的视图文件中有以下内容：

   <a href="#myModal" data-toggle="modal" data-target="#edit-auction-modal" data-id="1" data-title="title 1" type="button" class="btn btn-sm btn-primary btn-warning">Open modal</a>

此JS函数成功捕获id和标题。在下面的模式视图中，我可以打印出面板标题中的id，因为我告诉JS将数据放在id=“auctionLabel”中

{{csrf_field（）}}
拍卖名称
接近
更新拍卖

我的问题是，我需要如何更改Javascript函数，以便用标题的值预填充输入字段。换句话说，我希望输入框的值包含我在JS文件中捕获的“标题”。

尝试以下操作：

$('#edit-auction-modal').on("show.bs.modal", function (e) {
     $("#auctionLabel").html('Edit auction with id '+ $(e.relatedTarget).data('id'));
     $("#auctionTitle").html($(e.relatedTarget).data('title'));
    $('#edit-auction-modal ').find('input#input-id').val($(e.relatedTarget).data('title'))
});

试试这个：

$('#edit-auction-modal').on("show.bs.modal", function (e) {
     $("#auctionLabel").html('Edit auction with id '+ $(e.relatedTarget).data('id'));
     $("#auctionTitle").html($(e.relatedTarget).data('title'));
    $('#edit-auction-modal ').find('input#input-id').val($(e.relatedTarget).data('title'))
});

您可以使用

.val（value）

在jQuery中设置/更改输入值

您可以使用

.val（value）

在jQuery中设置/更改输入值

---

。是否要更改此值？是的，我想用我在Javascript中检索到的值预先填充该输入字段。请注意，实际上有多个输入字段

$（“#编辑拍卖模式”）.find（'input#youid'）.val（$（e.relatedTarget）。data（'title'））

将为您解决问题。

。是否要更改此值？是的，我想用我在Javascript中检索的值预先填充该输入字段。请注意，实际上，

$（“#编辑拍卖模式”）.find（'input#youid'）.val（$（e.relatedTarget）.data（'title'））

将为您解决问题，谢谢您的建议。事实上，有更多的输入字段，所以我想根据id或名称找到一个输入字段。这可能吗？我自己尝试过：document.getElementById（“name”）.value=（$（e.relatedTarget.data（'title'））；按如下方式将id传递给输入：$（'edit auction modal'）.find（'input#input id'）.val（$（e.relatedTarget）.data（'title'））好的，谢谢。这很有效。请你用上面的建议编辑你的答案，这样我可以接受它，让其他人清楚地看到答案。谢谢你的建议。事实上，有更多的输入字段，所以我想根据id或名称找到一个输入字段。这可能吗？我自己尝试过：document.getElementById（“name”）.value=（$（e.relatedTarget.data（'title'））；按如下方式将id传递给输入：$（'edit auction modal'）.find（'input#input id'）.val（$（e.relatedTarget）.data（'title'））好的，谢谢。这很有效。请你用上面的建议编辑你的答案，这样我可以接受它，让其他人清楚地看到答案。

$('#edit-auction-modal').on("show.bs.modal", function (e) {
     $("#auctionLabel").html('Edit auction with id '+ $(e.relatedTarget).data('id'));
     $("#auctionTitle").html($(e.relatedTarget).data('title'));
    $('#edit-auction-modal ').find('input#input-id').val($(e.relatedTarget).data('title'))
});