传递值到弹出窗口[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

theextra从

<<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文件和wrop这些js代码到

$(function(){ 
}); 

Answer 2

你的js看起来不错。如果这个<input type="text" value=imageID />是你的代码，请尝试将它改为<input type="text" value="" />，这可能会导致你的问题。