Question

当用户插入文本输入时，我希望得到，并插入链接。如何使用jQuery？

我的尝试（非常糟糕:(）：

<script type="text/javascript"> 
$(document).ready(function() {
    var values = $('#user').val(); 
});
</script>
<body>
<div id = "table">
    <input type = "text" id = "user" value = "my_name" />
</div>
<a href = "http://www.link.com/?name=<script>values</script>">link</a>

Answer 1

$(function() {
    // listen for the change event on the textbox
    $('#user').change(function() {
        // when the user changes the value of the textbox
        // get the new value
        var name = this.value;

        // and put this value in the link
        $('a#mylink').attr('href', 'http://www.link.com/?name=' + name);
    });
});

其中锚的定义如下：

<a href="http://www.link.com/?name=my_name" id="mylink">link</a>

您可以see this in action here。

jQuery，在用户插入文本时获取值

1 个答案: