在标签内添加动态文本（在用户写入时）

Question

在表单中我试图添加一些动态文本，而用户写道：

<label for="signup_username">Username</label>
<input type="text" value="" id="signup_username" name="signup_username">

例如，如果用户输入“JOSOROMA”，则标签“signup_username”内的动态文本将反映：

<label for="signup_username">http://www.localhost.lh/josoroma</label>   
<input type="text" value="" id="signup_username" name="signup_username">

如果用户输入“obama”，则标签“signup_username”内的动态文本将反映：

<label for="signup_username">http://www.localhost.lh/obama</label>
<input type="text" value="" id="signup_username" name="signup_username"

提前致谢。

Answer 1

有些事情：

<label for="signup_username">http://www.localhost.lh/<span></span></label>
<input type="text" value="" id="signup_username" name="signup_username">

<script>
$('#signup_username').keyup(function(e) {
    $(this).prev('label').find('span').html($(this).val());
});
</script>

Answer 2

我认为这会奏效。没有时间尝试一下：

$("#signup_username").keyup(function(){
    var url = "http://www.localhost.lh/",
        txt = $(this).val();
    $(this).prev().text(url+txt);
});