Javascript simulate pressing enter in input box

Question

I have what seemed to be a simple fix to a problem but after trying a ton of different solutions online nothing seems to work for me.

I have search field that searches a data table every time you type or press enter in the input field, however after I assigned a value to the search box when the page is loaded it wont do the search until after the user either presses enter in the box or types / deletes a letter. I was just trying to find a solution to simulate hitting enter but it didn't seem to work.

Here is my code:

<script type="text/javascript">
       window.onload = (function() {
           document.getElementById('search').value = " <?php echo $search;?>";

       });
</script>

This obviously assigns the value to what my php variable is set to which works fine the text is loaded in the box on page load, it just doesnt perform the search like I said unless the user presses enter in the box OR deletes/adds a letter in the input box.

The search box code is

<input type="text" id="search" aria-controls="DataTables_Table_0" class="text">

Update: This is documentation I found on exactly what I am using http://datatables.net/ref

Pressing enter in a text <input> typically triggers the submit event on its <form>. — zzzzBov
– zzzzBov, Commented Oct 12, 2012 at 19:46

Tom G · Accepted Answer · 2012-10-12 19:46:57Z

1

Try this

document.getElementById("formId").submit();

answered Oct 12, 2012 at 19:46

Tom G

3,6701 gold badge23 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Joshua Olds Over a year ago

For some reason none of this is working. I found this documentation that shows exactly what I am using, perhaps this will clarify exactly what I should use datatables.net/ref

Tom G Over a year ago

Works for me. Why don't you make us a JsFiddle so we can better help

Community · Accepted Answer · 2017-05-23 12:18:50Z

0

You can call the onchange() event in javascript:

<script type="text/javascript">
   window.onload = (function() {
       document.getElementById('search').value = " <?php echo $search;?>";
       document.getElementById('search').onchange();
   });
</script>

This answer also has an alternative: https://stackoverflow.com/a/3629423/890726

edited May 23, 2017 at 12:18

CommunityBot

11 silver badge

answered Oct 12, 2012 at 19:47

Laurence

1,71311 silver badges16 bronze badges

Comments

Erwin · Accepted Answer · 2012-10-12 19:48:39Z

0

I assume you have a form, the enter in the textbox will trigger the submit of the form. In javascript you can do this manually like this:

<form id='myform" action="/foo">

document.forms["myform"].submit();

answered Oct 12, 2012 at 19:48

Erwin

4,8113 gold badges34 silver badges42 bronze badges

Comments

Josephkingstonleo Mariamicheal · Accepted Answer · 2012-10-12 19:56:42Z

0

       <input type="text" id="fname" onblur="businessFun()">

Please try this and in js buinessFun() do the search actions if you use ajax pass current time as parameter

answered Oct 12, 2012 at 19:56

Josephkingstonleo Mariamicheal

851 gold badge3 silver badges8 bronze badges

Collectives™ on Stack Overflow

Javascript simulate pressing enter in input box

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related