将值传递给弹出窗口 [JavaScript]

pass value to popup window [javascript]

本文关键字：窗口 JavaScript 值传      更新时间：2023-09-26

将值传递给模态弹出窗口时遇到问题。

这是指向模态编辑的链接。 

 <a href='"#edit'" data-toggle='"modal'">
      <button class='"btn btn-primary image-id-btn'" data-image=$id>edit</button></a>

这是模态弹出窗口的代码，它工作正常

<!-- MODAL START -->
<div id="edit" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">edit content</h4>
</div>
<div class="modal-body">
<<form id="modal-form" accept-charset="UTF-8" method="POST" action="edited.php" data-remote="true" >
<fieldset>  
<div class="image-id-holder">
<input type="text" value=imageID />
</div>
</fieldset>
</div>
<div class="modal-footer">
<input id="modal-form-submit" type="submit" name="submit" class="btn btn-primary" href"#" value="edit"/>
<button class="btn btn-danger"  data-dismiss="modal">close</button>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- MODAL END -->

我的脚本代码： 

<script>
        $(".image-id-btn").on("click", function(){
            var imageId = $(this).attr("data-image");
            $(".image-id-holder").children("input").val(imageId);
        });
</script>

问题是，我无法通过$id弹出窗口，编辑我正在尝试的内容。

提前感谢您的帮助

额外的<变化来自>

<<form id="modal-form" accept-charset="UTF-8" method="POST" action="edited.php" data-remote="true" >
<fieldset>

自 

<form id="modal-form" accept-charset="UTF-8" method="POST" action="edited.php" data-remote="true" >
<fieldset>

因为这些代码属于jQuery。

$(".image-id-btn").on("click", function(){
    var imageId = $(this).attr("data-image");
    $(".image-id-holder").children("input").val(imageId);
});

如果你喜欢使用这些代码，我想包含jquery js文件并将这些js代码放入 

$(function(){
});

你的js对我来说看起来不错。如果此<input type="text" value=imageID />是您代码中的内容，请尝试将其更改为可能导致问题<input type="text" value="" />。

相关文章：