Question

使用jquery和表单时遇到问题。例如，1有一些患者编辑表格

<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数据库加载数据，然后在插入patient_medic_record_number时自动完成名称，地址，性别。

Answer 1

好的，你可以使用JQuery Ajax Method来加载数据。

当您输入 patient_medic_record_number 时，您必须使用其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自动完成编辑表单

1 个答案: