2012-04-22 12 views
-1

У меня проблема при работе с jquery и формой. пример, 1 у некоторых пациента форма редактированияautocomplete edit form with 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, то автозаполнение имя, адрес, пол, когда я вставляю patient_medic_record_number.

+0

Ajax - это слово – gpasci

+1

Ну, у вас есть длинный путь. Мое предложение - начать с основ jquery, операций DOM. – Shekhar

+0

jQuery Автозаполнение может быть полезно. http://jqueryui.com/demos/autocomplete/ – tusar

ответ

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]); 

      }); 
     }); 

}); 

, а затем использовать этот веб-метод в коде позади, чтобы возвращать значения в формате JSON:

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

    //Do something with id and etc 

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

} 

Если вы хотите получить более подробную информацию, сообщите мне.

+0

Ali => пожалуйста, дайте мне код jquery для отправки и отображения данных на имя, адрес и поле для секса ... –

+0

@DedyBlackLaBeneamata, я сделал это –