[英]How to get value from input field modal bootstrap and show the value to another input field in the same modal with jquery?
[英]How to get input value to modal box jquery UI
<div id="befor-box">
<form id="newsletter-form" name="newsletter-form" action="/sub/" method="post">{% csrf_token %}
<input name="email" type="text" value="Enter your Email here" class="text"/>
<input class="submit" onclick="showDialog();" value="Subscribe!" />
</form>
</div>
如何从以下方式获取EMAIL值:
<input name="email" type="text" value="Enter your Email here" class="text"/>
至:
<input name="email" type="text" value="" class="text"/>
从这里:
<div id="dialog-modal" style="display:none;">
<form name="newsletter-form" action="/sub/" method="post">
<input name="email" type="text" value="" class="text"/>
<input name="fname" type="text" value="First name" class="text"/>
<input name="lname" type="text" value="Last name" class="text"/>
<input type="submit" class="submit" value="Subscribe!" />
</form>
</div>
<script type="text/javascript">
function showDialog()
{
$( "#dialog-modal" ).dialog({
});
}
</script>
使用对话框的打开事件,这个对话框打开...对话框打开...所以替换那里的值..
$( "#dialog-modal" ).dialog({
open: function( event, ui ) {
var boxInput=$("#befor-box").find('input[name="email"]').val(); //get the value..
$("#dialog-modal").find('input[name="email"]').val(boxInput); //set the valu
}
});
伊曼纽尔,首先阅读一些有用的信息:
http://www.w3schools.com/jquery/jquery_selectors.asp特别是“#id选择器”一章。
之后,您可以将“id”属性添加到DOM结构中,并检索输入值
$('#my-input-id').val()
在两个输入上添加id:
<input name="email" type="text" value="Enter your Email here" class="text" id="email_orig"/>
<input name="email" type="text" value="" class="text" id="email_dst"/>
然后覆盖open事件:
function showDialog()
{
$( "#dialog-modal" ).dialog({
open: function(){
$("#email_dst").val($("#email_orig").val())
}
});
您可以使用:
$("input[name=email]");
对于Bootstrap模态:
$('.modal-body input[name=email]').val(email);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.