показывает div на основе значения текстового поля?

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/