javascript - 使用 jquery 或 JavaScript

Question

我的页面中有此代码。有两个文本框和一个文本区域。

<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 做到这一点？

谢谢

Answer 1

假设您的文本区域有 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);
});

(请注意，我们没有使用正则表达式进行替换，因为要查找的文本是动态的，因此我们必须转义“查找”文本)。

希望这有帮助。干杯