Javascript/jQuery基於選定的下拉菜單隱藏字段項目

Question

我有一些代碼，我已經創建了一個完美的OnChange事件。

<script type="text/javascript"> 
        function UpdEventChanged(selectEl) { 
         var text = selectEl.options[selectEl.selectedIndex].text; 
         if (text == "Sickness" || text == "Holiday") { 
          $("input[id$=eventPostCode").hide(); 
          $("#ContentPlaceHolder1_LBLUpdPCReq").hide(); 
          $("#ContentPlaceHolder1_lblUpdPC").hide(); 
         } 

         else { 
          $("input[id$=eventPostCode").show(); 
          $("#ContentPlaceHolder1_LBLUpdPCReq").show(); 
          $("#ContentPlaceHolder1_lblUpdPC").show(); 
         } 
        } 
</script> 

我需要整合上述代碼才能使它在頁面加載事件上工作。這裏是我的代碼：

// update Dialog 
    $('#updatedialog').dialog({ 
     autoOpen: false, 
     width: 500, 
     buttons: { 
      "update": function() { 
       //alert(currentUpdateEvent.title); 

       var eventToUpdate = { 
        id: currentUpdateEvent.id, 
        //title: $("#eventName").val(), 
        title: $("#EventSalesPerson option:selected").text(), 
        description: $("#eventDesc").val(), 
        salesperson: $("#EventSalesPerson option:selected").text(), 
        eventPostCode: $("input[id$=eventPostCode]").val(), 
        eventname: $("#EventEventName option:selected").text() 
       }; 

       { 
        PageMethods.UpdateEvent(eventToUpdate, updateSuccess); 
        $(this).dialog("close"); 

        currentUpdateEvent.title = $("#eventName").val(); 
        currentUpdateEvent.description = $("#eventDesc").val(); 
        currentUpdateEvent.salesperson = $("#EventSalesPerson option:selected").text(); 
        currentUpdateEvent.eventname = $("#EventEventName option:selected").text(); 
        currentUpdateEvent.eventPostCode = $("input[id$=eventPostCode]").val(); 

        $('#calendar').fullCalendar('updateEvent', currentUpdateEvent); 
        location.reload(true); 
       } 

      }, 
      "delete": function() { 

       if (confirm("do you really want to delete this event?")) { 

        PageMethods.deleteEvent($("#eventId").val(), deleteSuccess); 
        $(this).dialog("close"); 
        $('#calendar').fullCalendar('removeEvents', $("#eventId").val()); 
       } 

      } 

     } 
    }); 

如果#EventEventName選定的文本=假日或疾病的話，我需要以下項目被隱藏：

"input[id$=eventPostCode" 
"#ContentPlaceHolder1_LBLUpdPCReq" 
"#ContentPlaceHolder1_lblUpdPC" 

而且很明顯，如果再沒有選擇它們上面應該顯示。

感謝

Answer 1

它看起來像你需要一些關於這樣的：

var EventEventNameText = $('#EventEventName').val(); 
if (EventEventNameText=='Holiday' || EventEventNameText=='Sickness') { 
    $('#eventPostCode').hide(); 
    $('#ContentPlaceHolder1_LBLUpdPCReq').hide(); 
    $('#ContentPlaceHolder1_lblUpdPC').hide(); 
} 

讓我知道如何爲你工作。