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

我正在从表单中获取用户输入，并根据其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>

$（文档）.ready（函数（）{
$（“#电子邮件”）.keyup（更新）；
});
函数更新（）{
var email=$（“#email”）.val（）；
$（'#DisplayEmail'）.html（电子邮件）；
}

更改此选项：

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

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

更改此项：

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

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

---

跳过

span

（这是不必要的，因为

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>

$（文档）.ready（函数（）{
$（“#email”）.keyup（函数（）{
var email=$（“#email”）.val（）；
$（'#DisplayEmail'）.text（email）.attr（“href”，“mailto:+email”）；
});
});

跳过

span

（这是不必要的，因为

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>

$（文档）.ready（函数（）{
$（“#email”）.keyup（函数（）{
var email=$（“#email”）.val（）；
$（'#DisplayEmail'）.text（email）.attr（“href”，“mailto:+email”）；
});
});