2016-10-03 29 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'); 
});