jquery - 使用 jquery 自动完成编辑表单

Question

我在使用 jquery 和 form 时遇到问题。例如，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 方法来加载数据。

当您输入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"};

}

如果您想了解更多详细信息，请评论我。