使用javascript将表单输入值插入到href目标URL中

Question

我从表单获取用户输入，并基于其ID来显示该信息。我怎样才能将这些信息发送给标签？我希望这个显示他们的电子邮件，并使用相同的输入做一个mailto：链接。

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function(){ 
    $("#email").keyup(update); 
    }); 
    function update(){ 
    var email = $("#email").val(); 
    $('#DisplayEmail').html(email); 
    } 
    </script> 

    <form> 
     <input id="email" name="email" size="40" /> 
    </form> 

    <a href="mailto:"><span id="DisplayEmail"></span></a> 

Answer 1

更改此：

function update(){ 
    var email = $("#email").val(); 
    $('#DisplayEmail') 
    .html(email) 
    .parent().attr('href', 'mailto:'+email); 
} 

Answer 2

跳过span（这是unncessary，因为a可以包含地址和），并给予ID的链接，而不是

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#email").keyup(function() { 
      var email = $("#email").val(); 
      $('#DisplayEmail').text(email).attr("href", "mailto:" + email); 
     }); 
    }); 
</script> 

<form> 
    <input id="email" name="email" size="40" /> 
</form> 

<a id="DisplayEmail" href=""></a> 

Answer 3

function update(){ 
    var email = $("#email").val(); 
    $('#DisplayEmail') 
    .html(email) 
    .parent().attr('href', 'mailto:'+email); 
}