我的页面中有此代码。有两个文本框和一个文本区域。
<fieldset>
<legend><b>Search Criteria</b></legend>
<table>
<tr>
<td>
Find Text:
<input type="text" style="width:150px" id="txtFind"/>
<input type="button" id="btnfind" value=" Find "/>
</td>
</tr>
<tr>
<td>
Replace Text:
<input type="text" style="width:150px" id="Text1"/>
<input type="button" value="Replace Text" id="btnReplace"/>
</td>
</tr>
</table>
</fieldset>
<br />
<fieldset>
<legend><b>Result</b></legend>
<table>
<tr>
<td>
<%:Html.TextArea("Hello ASP.NET here")%>
</td>
</tr>
</table>
</fieldset>
在我的第一个文本框中,如果我输入“这里”,然后单击查找按钮,它应该找到文本
如果我在第二个文本框中输入“MVC”,单击替换文本按钮,它应该将文本“此处”替换为“>MVC”(“你好 ASP.NET MVC”)。,
请问有人可以帮帮我吗?如何使用 javascript 或 jquery 做到这一点?
谢谢
最佳答案
假设您的文本区域有 id="textarea"
,您应该这样做:
$("#btnfind").click(function(){
var find = $("#txtFind").val();
var replace = $("Text1").val();
var text = $("#textarea").val();
while(text.indexOf(find) >= 0){
text = text.replace(find, replace);
}
$("#textarea").val(text);
});
(请注意,我们没有使用正则表达式进行替换,因为要查找的文本是动态的,因此我们必须转义“查找”文本)。
希望这有帮助。干杯
关于javascript - 使用 jquery 或 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6630117/