Question

i have a problem when working with jquery and form.
example, 1 have some patient edit form

<form>
    <input type="text" name="patient_medic_record_number">
    <input type="text" name="name">
    <input type="text" name="address">
    <select name="sex">
        <option value="--SEX--">
        <option value="Male">
        <option value="Female">
     </select>
</form>

how to load data from mysql database then autocomplete name,address,sex when i insert the patient_medic_record_number.

Answer 1

Ok dude , you can use JQuery Ajax Method to load the datas.

When you enter the patient_medic_record_number you must use its OnChange event to raise you XMLhttpRequest like this :

$("input[name=patient_medic_record_number]").change(function(){

      var num = $(this).val();

      $.ajax({
                type: "POST",
                url: "YourPage.aspx/FillControl",
                data: "{ 'id': '" + num + "' }",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {

                    $("#input[name=name]").val(data.d[0]);
                    $("#input[name=address]").val(data.d[1]);
                    $("#input[name=sex]").val(data.d[2]);

            });
        });

});

and then use this web method in your code behind to return JSON values :

[WebMethod]
public static object[] FillControl(string id)
{

     //Do something with id and etc

     return new object[]{"Ali foroughi" , "No where" , "Male"};

}

If you want for more details comment me.