Keyup功能不传输数据在较低的div

Question

保持简单和简短，这是我的代码，我想从文本输入字段的文本内容显示在另一个div(showcontent)..虽然没有jQuery错误是标记在我的firebug..但它仍然没有显示在较低的div内容，让我知道我做错了什么?

如果keyup不适合处理此功能，请让我知道此功能的正确功能?

<form>
<input type="text" name="usertext" placeholder="Enter text" id="usertext" />
</form>
<div id="showcontent"></div>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
jQuery(document).ready(function(){
    jQuery('#usertext').keyup(function(){
        var mytext = jQuery('#usertext').text();
        jQuery('#showcontent').html(mytext);
    });
});
</script>

我尝试了jQuery('#usertext').on('keyup',function(){...});，但没有帮助:(

Answer 1

从input box读取文本有问题

使用

var mytext = jQuery('#usertext').val();

Answer 2

如果你使用jquery来获取文本框的值，那么你应该总是使用val()方法，如果你想在span或div中获取文本，你应该使用text()方法，所以你应该按照以下方式编写代码

$('#usertext').keyup(function(){
//B.T.W $(this) refers to the current element ie the textbox
       $('#showcontent').text($(this).val());
});