从Javascript中的文本区域删除某些文本
Remove certain text from textarea in Javascript
我需要一些关于删除文本区域中某个单词或短语的最佳方法的输入。我有一个名为input
的输入字段。我想在该区域中搜索放入名为name
的表单字段中,然后从input
中删除的单词。我尝试过的代码都不起作用,大多数搜索结果都会产生令人不快的结果。
function delete() {
var name = document.getElementById("name").value;
var textarea = document.getElementById("input").value;
var data = textarea.length;
for (var i = 0; i < data.length; i++) {
if (textarea.substr(i, data) == name) {
textarea.value = "";
}
}
}
我早些时候尝试的东西没有成功。
不确定你想做什么,但这是正确的代码:(你的代码中有很多错误)
function deleteValue() { //instead of "delete"
var name = document.getElementById("name");
var textarea = document.getElementById("result"); //intead of "input"
var data = textarea.value;
for (var i = 0; i < data.length; i++) {
if (data.substr(i, data) == name.value) {
textarea.value = "";
}
}
}
需要考虑的几点:
- 将文本输入名称从
input
更改为其他名称,因为它是tag name
- 不能有函数名
delete
,因为它是javascript中的保留字。使用其他类似deleteValue
的东西
更新:
我想这就是你想要的。。
function deleteValue() {
var name = document.getElementById("name");
var textarea = document.getElementById("result");
textarea.value = textarea.value.replace(name.value, "");
}
工作Fiddle
您可以将replaceAll
函数添加到String对象中。如果要删除所有出现的特定文本。
(function() {
if (!String.replaceAll) {
String.prototype.replaceAll = function replaceAll(replace, value) {
return this.replace(new RegExp(replace, 'g'), value);
};
}
}());
并且修改delete
函数应该是这样的:
function deleteValue() {
var name = document.getElementById('name');
var textarea = document.getElementById('result');
var data = textarea.value;
textarea.value = textarea.value.replaceAll(name.value, "");
}
这是jQuery解决方案(我提供它是因为您标记了jQuery):
jsFiddle
// to execute code when the page is entierly loaded
$(document).ready(function(){
// click event on the button
$('#myButton').click(function(){
// get the content of the #result textarea
val = $('#result').val();
// remove all occurence of content of #name in #result
$('#result').val(val.replace($('#name').val(), ""));
});
});
相关文章:
- 兰吉 |如何在 span 标签上使用单击事件删除突出显示的文本
- JavaScript-如果以前不存在文本,如何从文本区域删除新行
- 如何动态添加和删除多个类名的文本
- jQuery从标签中删除括号/文本
- 单击文本时删除文本框的默认数据
- 添加/删除/更改输入文本的部分值
- 在显示/隐藏中单击时删除的文本
- 单击时从表单中删除特定文本
- 使用VBScript或Javascript从文本框(文本区域)中删除最后一行空/空行
- 使用删除文本创建新行
- Wordpress TinyMCE在从文本切换到视觉时,如果锚标记包裹块元素,则会删除锚标记
- 为什么jQuery正在删除文本的最后一个字符
- 如何删除特定文本短语的所有实例
- 通过点击文本区域添加和删除多个标签
- 隐藏<标签>abc标签>之间的文本 - 删除“ ABC”
- JavaScript 拆分字符串 选定的文本删除
- jQuery淡入/淡出替换文本删除链接
- 遍历元素列表并根据内部文本删除元素上的游标样式
- 将逗号后的文本删除到行尾
- 需要有关jQuery条件的帮助,该条件基于匹配的文本删除容器元素