javascript - 将值传递给弹出窗口 [javascript]

Question

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

这是模式编辑的链接。

 <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 -->

我的 JavaScript 代码:

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

</script>

问题是，我无法将 $id 传递到弹出窗口，以编辑我正在尝试的内容。

感谢您提前提供帮助

Answer 1

额外的<更改自

<<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(){
});