Jump to content

Display results without clicking searching button


Recommended Posts

Hi - I'd like my page to automatically display updated results when a user selects a new value in the listbox. I'm pulling the values for the listbox from a lookup table. 

 

I tried following the forum here - 

 

But there are a few differences. For one, I am using a listbox. Two, since this forum, caspio has started appending unique ids to their elements. I'm able to "fake" the click using a custom search button, but I'd like the click to be triggered when a user changes their selection from the listbox. When I print the unique ids to the console, I'm seeing that caspio is returning two different ids - one of the search form and one of the report form. I'm stuck on how to move forward!

 

<body>
<script type="text/javascript">
document.addEventListener('DataPageReady', function (event) {
var suffix = event.detail.uniqueSuffix;
console.log(suffix);
});

document.getElementById("cbFormSelect"+suffix).onchange = myFunction();
function myFunction(){
    document.getElementById("searchID_f7f77d11d467fb.cbSearchButton").click();
}
</script>

<button id = "testButton" onclick = "myFunction()">Search</button> //testing if myFunction works - it does
</body>

Link to comment
Share on other sites

Hi @achatwani,

Please try the following JavaScript:

<script type="text/javascript">


document.addEventListener('DataPageReady', function (event) {
  
  var suffix = event.detail.uniqueSuffix;
  
  document.querySelector(".cbFormSelect").addEventListener("change", myFunction);

  function myFunction(){
     
    var button = document.querySelector(`#searchID${suffix}`);
     if(button) {

      button.click();
      
    }

  }
  
  });

</script>

Place it in the Footer of Search Form and make sure that you have disabled HTML editor prior to inserting the code.

Hope this helps.

Regards,

vitalikssssss

 

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
 Share

×
×
  • Create New...