如果包含帮助文本显示在视图上?

时间:2016-09-30 14:41:44

标签: javascript jquery

目前我有一个div类默认显示none,但是如果它包含帮助文本,我想要帮助文本中的值。我觉得像下拉列表中的值包含帮助文本display.show

以下是我的div

<div class="alert alert-info col-md-12" id="ProfHelpAlert" role="alert" style="display:none">
    <i class="fa fa-info-circle" aria-hidden="true"></i>
    <strong class="notification" id="ProfHelp"></strong>
</div>

这是我的JavaScript

$('#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
            $('#ProfHelp').html(json.helptext);

            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

                };
            }
        }
    });
});

1 个答案:

答案 0 :(得分:0)

你是说你想在ajax方法成功时显示你的帮助信息?如果是这样,这就是你要找的东西吗?

success: function(json) {
  //... add to end of method
 if(json.helptext) {
   $('#ProfHelpAlert').show();
 }
}

您是否需要与select的值进行比较?

success: function(json) {
  //... add to end of method
 if(json.helptext == selectedVal) {
   $('#ProfHelpAlert').show();
 }
}