將值傳遞到彈出窗口[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

您的js在我看來還不錯。 如果此<input type="text" value=imageID />是代碼中的內容，請嘗試將其更改為可能導致問題的<input type="text" value="" /> 。

Answer 2

額外<變化自

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