Кнопка сброса не работает textarea

Question

У меня следующий код не работает, когда я нажимаю на сброс.

По какой-то странной причине, когда процесс генерации значений в поле «результаты» и я нажимаю «reset», не очищает поле «enter».

Пример:http://jsfiddle.net/Ljsp6Lv6/1/

HTML:

<h3>Enter:</h3> 
<textarea value="" id="enter"></textarea> 
<div id="hide"> 
    <h3>Result:</h3> 
    <textarea class="disable" id="result"></textarea> 
    <br /> 
    <input type="reset" value="Reset" class="button reset" /> 
</div> 

JS:

$('#enter').keyup(function() { 
    var eachLine = $(this).val().split('\n'); 
    var result=''; 
    console.log(eachLine); 
    for(var i=0;i<eachLine.length;i++){ 
     var url = 'http://www.domain.com/myimages/' + eachLine[i] + '/' + eachLine[i] + '_small.jpg'; 
     result = result + url + '\n'; 
    } 
    $('#hide').show(); 
    $('#result').html(result); 
}); 

Answer 1

Вам нужен элемент формы, чтобы сделать reset работу, и это ответить, обернуть ev все, что вы хотите сбросить в элементе формы.

Если вы хотите, чтобы скрыть другую текстовую, а также, добавить еще несколько JQuery

$('.reset').on('click', function() { 
    $('#enter').trigger('keyup'); 
    $('#hide').hide(); 
}); 

FIDDLE