Home/ Questions/Q 9164217
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T14:37:44+00:00

I am trying to replicate the functionality I have on a dropdown box that

  • 0

I am trying to replicate the functionality I have on a dropdown box that allows a user to select a tag and then return articles related to this term,.

The textbox needs to accept a search term and work in the same way. I have tried everything I can think of but I am getting zero results.

To replicate the behavior, select an item from the dropdown box and it will return articles. Then try typing the same term in the search box and it returns no articles.

Any idea why? Here’s the site:

http://www.api.jonathanlyon.com/getpocket/view.html

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    One solution would be to change your search box code to something like this:

    <form name="searchform" >
    <input type="text" name="searchterm">
    <input type="button" value="search" onclick="validateForm()">
</form>

    Since you are not really submitting a form and don’t want to reload a page, you can just use the click event from a button rather than the submit event from the form.

    If you want to have it get the article when hitting the Enter button, here is one way to do it (there might be better ways I am just not thinking of now…). You can use the keydown event to run a function that will test for the Enter button. When it finds it, it will call validateForm. Add this function to your script:

    function init(){
    document.getElementById("searchterm").addEventListener(
       "keydown", keydown
    );
    function keydown(e){

       if(e.keyIdentifier == "Enter"){
          validateForm();
       }
    }
}

    and change your body tag to this:

    <body onload="init();">

    That attach the keydown event listener to the textbox once the page has loaded.

    One note of warning: I am testing this on a Linux laptop running Chrome. I don’t know if Mac calls the Enter key Return and I don’t know if .keyIdentifier is cross-browser compatible. That is something you need to look into, but this should get you started.

    • 0