使用jquery自动完成编辑表单

使用jquery自动完成编辑表单,jquery,Jquery,我在使用jquery和表单时遇到问题。 例如,我有一些患者编辑表单 <form> <input type="text" name="patient_medic_record_number"> <input type="text" name="name"> <input type="text" name="address"> <select name="sex"> <option va

我在使用jquery和表单时遇到问题。 例如,我有一些患者编辑表单

<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>


如何从mysql数据库加载数据,然后在插入患者医疗记录号码时自动完成姓名、地址、性别。

好的,伙计,您可以使用JQuery加载数据

当您输入患者医疗记录编号时,必须使用其OnChange事件向您提出如下XMLhttpRequest:

$("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]);

            });
        });

});
然后在代码隐藏中使用此web方法返回JSON值:

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

     //Do something with id and etc

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

}

如果你想了解更多细节,请评论我。

你还有很长的路要走。我的建议是从jquery的基础知识开始,DOM操作。jquery自动完成可能会有所帮助。Ali=>请给我jquery代码,将数据发送并显示到姓名、地址和性别字段…@DedyBlackLaBeneamata,我做到了