2015-01-20 4 views
1

Имейте проблему с передачей значения для модального всплывающего окна.передать значение всплывающему окну [javascript]

Это ссылка на изменение мода.

<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 всплывающее окно , для редактирования контента, который я пытаюсь сделать.

спасибо за помощь заранее

ответ

0

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 file и wrop этот код js в

$(function(){ 
}); 
+0

я забыл функцию на начинающий фактически :)) спасибо !!! – LoverBugs

0

Ваш JS выглядит хорошо для меня. Если это <input type="text" value=imageID /> - это то, что у вас есть в коде, попробуйте изменить его на <input type="text" value="" />, что может привести к вашей проблеме.

+0

таким образом '<входной тип = "текст" значение = "ImageID"/>' дает только ImageID как строка ... не значение ImageID – LoverBugs

+0

изменения 'данных изображения = $ id' в' данных -image = "$ id" 'и в значение должно быть пустым или необъявленным. при построении элемента в HTML все значения атрибута должны быть указаны –

+0

спасибо, что помогли моему другу \t проблема решена :)) – LoverBugs

Смежные вопросы