使用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); 
}