2017-04-22 6 views
-1

Wie Sie Ihr Ergebnis aktualisieren, wenn Sie irgendwelche Schlüsselwörter suchen. Wenn ich innerHTML verwende, kann es die Schlüsselworte aktualisieren, die ich finde, aber wenn ich script src benutze, funktioniert es nur einmal. Dies ist meine KodierungRefresh Javascript Src

<html> 
    <head> 
    <title>Google Search API</title> 
    </head> 
    <body> 

    <div id="box"> 
    <textarea id="myTextarea"></textarea> 
    <button type="button" id="mySubmit" onclick="myFunction()" >Search</button> 

<p id="demo"></p> 
<div id="content"> 



    </div> 


    <script id="searchme"></script> 
    <script> 
    function myFunction() { 
     var query = document.getElementById("myTextarea").value; 
     var search_query = "https://www.googleapis.com/customsearch/v1?q="+query+"&cx=004123968310343535430%3Aaxml6iel9yo&key=AIzaSyDxPcphnrcN9_dfkRkFTbwkv44m1-HI1Hg&callback=hndlr"; 
    document.getElementById('searchme').src = search_query; 
    } 

    function hndlr(response) { 
    for (var i = 0; i <response.items.length; i++) { 
     var item = response.items[i];  
     document.getElementById("content").innerHTML +="<br>"+"<b>"+ item.title + "</b>"+"<br>" +item.snippet + "<br>"+"<a href='"+item.link+"'>"+item.displayLink+"</a>" ; 
    } 
} 


</script> 


    </body> 
</html> 

Antwort

0

Entfernen Sie den Hörer von der Schaltfläche und fügen Sie die Eingabe hinzu, so dass es passiert, sobald Sie eingeben.

<textarea onkeydown="myFunction()"></textarea> 
<button type="button" id="mySubmit" >Search</button> 

Obwohl ich nicht die Verwendung von onkeydown empfehlen, aber dies macht den Job für Sie.

+0

Es funktioniert nicht, – Rushdiey

+1

Got Fehler den Fehler zeigen –

+0

Uncaught Typeerror: bei HTMLTextAreaElement.onkeydown (jquery3.php: 8): Can not Eigenschaft 'Wert' von null bei myFunction (22 jquery3.php) lesen – Rushdiey