在其他textarea上显示jQuery结果

时间:2016-04-12 12:59:28

标签: javascript jquery html

我使用这个jQuery函数来删除html标签。但它适用于同一个textarea。我想在另一个textarea中显示结果。

这是示例

function removeHTMLTags() {
        $('#data').val(function (i, val) {
            return $('<div>').html(val).text();
        });

    }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<button type="text" onclick="removeHTMLTags();">Click</button>
<br>
Source:
<br>
<textarea id="data"><b>Hello</b></textarea>
<br>
Result
<br>
<textarea id="result"></textarea>

1 个答案:

答案 0 :(得分:6)

不是将值设置为相同的textarea,而是将其设置为结果textarea

&#13;
&#13;
function removeHTMLTags() {
  var val = $('#data').val();
  $('#result').val($('<div>').html(val).text())

}
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

<button type="text" onclick="removeHTMLTags();">Click</button>
<br>Source:
<br>
<textarea id="data"><b>Hello</b>
</textarea>
<br>Result
<br>
<textarea id="result"></textarea>
&#13;
&#13;
&#13;