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（这是不必要的，因为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);
}

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

3 个答案: