Home/ Questions/Q 9148093
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T11:10:46+00:00

I need to populate a select list based on the information input on a

  • 0

I need to populate a select list based on the information input on a form text inplut field. I got the Ajax part figured out but it does not work as expected. The idea is as the user typing in the first name field, the select list will populate the appropriate options. The function does work but the var firstname = $(“#fn”).val(); call will always return one character less than the content typed in the field.
Any help will be appreiated!

Below is the relevent html and code:

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#fn").keypress(function() {
    var firstname = $("#fn").val();
    $.get("CustomerList", {FirstName: firstname}, function(responseText) {
    $("#div1").text(responseText);
    });
});
    });
</script> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Show all names</title>
</head>

<body>
    <form method="GET" action='Controller' name="CreateNTF"   >
    <table>
        <tr>
            <td>Create User:</td>
            <td><input id="fn" type="text" name="FirstName" /></td>
            <td><input id="ln" type="text" name="LastName"/></td>
        </tr>  
        <tr>
            <td>Carrier</td>
            <td>
            <span id="div1"></span>
            </td>
        </tr>
    </table>
    <input type="submit" name="submit" value="Submit" onClick="return validateForm();"/>
    </form>
</body>

</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try using keyup instead of keypress. Maybe keypress fires too early to let .val() recognize the text change.

    Another solution would be to calculate the final string by yourself:

    $("#fn").keypress(function(e)
{
    var firstname = $("#fn").val() + String.fromCharCode(e.which);
    $.get("CustomerList", {FirstName: firstname}, function(responseText) {
    $("#div1").text(responseText);
    });
});

    But finally, this guy seems to have the same problem as you, and the suggested solution was also the same.

    • 0