传递值到弹出窗口[javascript]
问题描述:
传递值到模态弹出时出现问题。传递值到弹出窗口[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来弹出窗口,编辑我正在尝试的内容。
感谢您的帮助提前
答
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(){
});
答
你的js看起来不错。如果这个<input type="text" value=imageID />
是你的代码,请尝试将它改为<input type="text" value="" />
,这可能会导致你的问题。
我忘记了功能其实开始:)) 谢谢! – LoverBugs 2015-01-21 00:43:42