다음 버튼 자바 스크립트 검색

Question

다음에 검색을 만들고 자바 스크립트로 모든 버튼을 검색 할 수있는 방법이 있습니까? 이

<form action="" method="get" onsubmit="selectString(document.getElementById('text'), document.getElementById('search').value);return false;">    
     <legend> 
      <font face="verdana">Zoekveld</font face> 
     </legend> 
     <input id="search" name="search" type="text" size="75"> 
     <input type="submit" value="Zoeken"> 
</form> 

<form name=form1 method="get"> 
     <legend> 
      <font face="Verdana">Vind:</font face> 
     </legend> 
     <textarea id="text" cols="54" rows="20"></textarea> 
</form> 

<script type="text/javascript"> 
    function setSelectionRange(input, selectionStart, selectionEnd) 
    { 
     input.focus(); 
     input.setSelectionRange(selectionStart, selectionEnd); 
    } 
    function selectString (input, string) 
    { 
     var match = new RegExp(string, "g").exec(input.value); 
     if (match) 
    { 
    setSelectionRange (input, match.index, match.index + match[0].length); 
    } 
    } 
</script> 

이 스크립트의 문제

그것이 첫 번째 일치하는 항목을 찾을 수 있다는 것입니다 ... 지금까지 내 스크립트입니다 .. .

Answer 1

RegExp i를 저장하십시오. n 각 함수 실행마다 새 변수를 만드는 대신 변수를 사용하면 카운터 속성 lastIndex은 exec()으로 유지됩니다.

var r = /^$/; 
function setSelector(string) { 
    r = new RegExp(string, "i"); 
} 
function selectNextMatch(input) { 
    var match = r.exec(input.value); 
    if (match) 
     setSelectionRange(...); 
    else 
     alert("Nothing found"); 
} 

<input type="text" size="75" onchange="setSelector(this.value);"> 
<input type="button" value="Zoeken" onclick="selectNextMatch(document.getElementById('text'));"> 
<textarea id="text" cols="54" rows="20"></textarea>