검색 창에서 텍스트 검색

나는 그 문서 내에 단어가 몇 번 나타나는지보기 위해 문서를 검색 할 수있는 프로그램을 만들고 있습니다. 내가 작성한 검색 창에 원하는 단어를 입력하여 검색 할 단어를 선택하고 싶습니다. 현재, 내가 찾고있는 단어를 하드 코딩하면 문서를 검색하고 그것이 나타나는 시간을 알려줍니다. 검색 상자를 사용하여 단어를 입력하려고하면 항상 0의 결과가 나타납니다. 검색 상자에서 입력 한 단어를 검색하여 확인하고 싶은 단어로 사용하는 방법이 필요합니다.검색 창에서 텍스트 검색

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>WordBubble</title> 
    <link rel="stylesheet" type="text/css" href="wordbubble.css"> 
    <script type="text/javascript" src="jquery-1.10.2.js"></script> 
</head> 
<body> 
    <div id="search"> 
    Search Word: <input type="search" name="Wordsearch" size="35"> 
    <button type="submit" class ="searchme">Search</button> 
    </div> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
    $(".searchme").click(function(){ 
     var myWord = $ (this).text(); 
     findDuplicates(); 
    }); 
    }); 

    // ajax call to get comments document 
    function findDuplicates (myWord) { 
    $.get("comm.txt", function(text) { 


     words = text.split(' '), 
     sortedWords = words.slice(0).sort(), 
     duplicateWords = [] 



    for (var i=0; i<sortedWords.length-1; i++) { 
     if (myWord == sortedWords[i]) { 
      duplicateWords.push(sortedWords[i]); 
     } 
    } 

    $("p").html(duplicateWords.length); 
    }); 
} 
</script> 

<p></p> 
</body> 
</html>

출처

2014-04-05 jonjon

클릭 핸들러에서 입력 대신 버튼에서 검색 문자열을 검색합니다.

$(document).ready(function(){ 
    $(".searchme").click(function(){ 
    // get the word from the input 
    var myWord = $('input').val(); 
    findDuplicates(myWord); 
    }); 
});

출처

2014-04-05 22:15:10 phylax

검색 창에서 텍스트 검색

답변

관련 문제