Question

我已经使用jQuery从第一个表单存储了email_id。但是我如何才能使用它的第二个表单action:mailto:？

<form id="sForm" action="mailto:abc@gmail.com" method="post" enctype="text/plain">
    <label for="name">Name *</label>
    <input type="text" name="name" style="width: 100%;"><br>
    <label for="email">Email Address *</label>
    <input type="text" name="email" id="email" style="width: 100%;"><br>
    <input type="submit" value="Send" >
    <input type="reset" value="Reset">
 </form>

<script>
$(document).ready(function(e){
    $('#sForm').on('submit',function(){ 
        var email_var = document.getElementById('email').value;
    });
});
</script>

<form id="pForm" action="mailto:???" method="post" enctype="text/plain">
    ....
</form>

Answer 1

$(document).ready(function(e){
    $('#sForm').on('submit',function(){ 
      document.getElementById('pForm').action = 'mailto:'+document.getElementById('email').value;
    });
});

不是将电子邮件存储在未使用的变量中，而是将表单的操作更改为正确的mailto：

Answer 2

您也可以在第二种形式的“动作”中使用某些功能。例子;

<script>

  var email = 'mailto:';

  $(document).ready(function(e){
      $('#sForm').on('submit',function(){ 
          email += document.getElementById('email').value;
      });
  });

  function getMail(){
     return email;
  }

</script>

<form id="pForm" action="javascript:getMail()" method="post" enctype="text/plain">

如何在表单操作中使用变量来发送电子邮件

2 个答案: