重置按钮不起作用textarea

Question

点击重置时，我有以下代码无效。

由于某些奇怪的原因，在“结果”字段中生成值的过程何时点击“重置”并不会清除“输入”字段。

示例： 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正常工作，这就是答案，将您要重置的所有内容包装在表单元素中。

如果你想隐藏其他textarea，请添加更多jQuery

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

FIDDLE