2016-10-03 72 views
1

在頁面加載時,我需要爲下拉列表調用更改事件。目前發生的事情是在下面我的Jquery代碼中,當您從職業下拉列表中選擇一個值時,即GP幫助文本,然後在DIV區域中的下拉顯示下顯示,但是一旦您提交表單並且如果驗證被拋出,幫助文本從視圖出發。在頁面加載通話更改事件?

我需要調用下拉列表#profession的更改事件,但不完全確定如何執行此操作。請指教

$('#profession').on('change', function (e) { //Gets the ID of profession drop down list 
     var selectedVal = $(this).val(); //Variable selectedVal this . value 
     $.ajax({ //Ajax declared 
      type: 'GET', //Its a get 
      url: "@Url.Action("GetenquiryTypes", "UnauthEnquiry")", //It goes to the enquiry controller method GetenquiryTypes 
      dataType: 'json', //Datatypes JSON 
      data: { SelectedProfession: selectedVal }, //data is SelectedProfession: selectedVal 
      success: function (json) { //Jquery Parse Json data from server on ajax success 
       if (json.helptext != undefined && json.helptext != '') 
        { 
        $('#ProfHelp').html(json.helptext) 
        $('#ProfHelpAlert').show(); /////// 
       } 
       else 
        $('#ProfHelpAlert').hide(); /////// 

       var targetDropdown = $('#enquirytype') //Var targetDropDropdown goes to dropdown ID enquiry type 
       targetDropdown.empty(); //target empty dropdown 
       $("<option />", { 
        val: "", 
        text: "Please select enquiry type" //Select enquiry type 
       }).appendTo(targetDropdown); //add to the target dd 
       if (json.enquiryTypes.length > 0) { //if JASON data from server greater then 0 
        for (var EnquiryType in json.enquiryTypes) { //go through each EnquiryType in JSON 
         $("<option />", { 
          val: json.enquiryTypes[EnquiryType].EnquiryId, //mapping 
          text: json.enquiryTypes[EnquiryType].Enquiryname //mapping 
         }).appendTo(targetDropdown); //add to drop down 
        }; 
       } 
       targetDropdown.change(); 
      } 
     }); 
    }); 
+0

[下拉菜單的觸發更改事件(可能的重複http://stackoverflow.com/questions/902212/trigger-change-event-of-dropdown ) –

回答

0

試試這個:

$(document).ready(function() { 
    $('#profession').trigger('change'); 
});