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());
});

密钥功能不在下层div中传输数据

2 个答案: