Question

我正在尝试根据文本字段中的值显示不同的div。所以，现在，我有这个：

<textarea id="characters">100</textarea>

<div id="upto100">
This is content up to 100 characters
</div>

<div id="upto200">
This is content up to 200 characters
</div>

<div id="upto300">
This is content up to 300 characters
</div>

我认为这是Javascript和Jquery的混合体。有什么想法和帮助吗？

Answer 1

你只需要一个小事件处理程序和字符串连接：

$('#characters').bind('keyup change', function(){
    var elem = $('#upto' + $(this).val());

    if(this.lastElem)
       this.lastElem.fadeOut('slow');

    if(elem.length){
       this.lastElem = elem;         
       elem.fadeIn('slow');
    }
});

示例：http://www.jsfiddle.net/YjC6y/25/

根据文本字段值显示div？

1 个答案: