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