傳遞值到彈出窗口[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="" />，這可能會導致你的問題。