5
<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>
4

4 回答 4

4

使用对话框的打开事件,称为 whn 对话框打开...所以替换那里的值..

$( "#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

 }
});
于 2013-03-18T09:26:15.743 回答
2

伊曼纽尔,首先阅读一些有用的信息:

http://www.w3schools.com/jquery/jquery_selectors.asp 特别是“#id 选择器”一章。

之后,您可以将“id”属性添加到您的 DOM 结构并检索输入值,就像

$('#my-input-id').val()
于 2013-03-18T09:19:55.333 回答
1

在两个输入上添加一个 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())
    }
    });
于 2013-03-18T09:20:13.830 回答
0

您可以使用:

$("input[name=email]");

对于引导模式:

$('.modal-body input[name=email]').val(email);
于 2019-01-27T07:44:48.840 回答