Question

I would like use Jquery to submit a form automatically once I select a user from the dropdown menu. I don’t want any submit button to submit the form. How do I do that with Jquery?

I have the code as follows:

$table .= "<form method='post' id='change_user'><select name='hpn_user'>";

foreach($hpnusers as $hpnuser){
  $table .= "<option value='". $hpnuser['id'] . "'>" . $hpnuser['first_name'] . "</option>";
}

$table .= "</select><input type='hidden' name='submit' value='1' ></input></form>"; 

Answer 1

User jquery’s .change() to recognize the value of the drop has changed and pass in the form to submit.

Ex.

$('userDropdown').change(function() {
            $('form').submit(); 
    });