Javascript simulate pressing enter in input box

问题

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

回答1:

Try this

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

回答2:

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

回答3:

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();

回答4:

       <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

来源：https://stackoverflow.com/questions/12866017/javascript-simulate-pressing-enter-in-input-box

标签

php

javascript

ajax

enter