jqueryを使ったオートコンプリート編集フォーム

Question

jqueryとフォームを使って作業するときに問題があります。私はpatient_medic_record_numberを挿入すると 例、1は、いくつかの患者編集フォームその後、mysqlデータベースからオートコンプリートの名前、住所、性別データをロードする方法

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

を持っています。

Answer 1

さて、JQuery Ajax Methodを使用してデータを読み込むことができます。

あなたはこのようにあなたのXMLHttpRequestを上げるために、そのOnChangeイベントを使用する必要がありますpatient_medic_record_number入力します。

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

      }); 
     }); 

}); 

してからJSON値を返すために後ろのコード内でこのWebメソッドを使用します。

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

    //Do something with id and etc 

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

} 

を

詳細についてはコメントしてください。