Show/Steuer ausblenden basierend auf Drop-Down-Auswahl mvc 4 Rasierer C#

Question

Hier ist mein Code

@Html.DropDownListFor(z => z.SelectedReportId, new SelectList(Model.ReportTypes, "Value", "Text", Model.SelectedReportId), "-- Select Report --") 
@Html.CheckBoxFor(model => model.IncludePhotos)@Html.LabelFor(model => model.IncludePhotos) 

Welche erzeugt:

<select data-val="true" data-val-number="The field SelectedReportId must be a number." data-val-required="The SelectedReportId field is required." id="SelectedReportId" name="SelectedReportId"> 
    <option value="">-- Select Report --</option> 
    <option value="1">Excel Report</option> 
    <option value="2">Text Report</option> 
</select> 
<br /> 
<input data-val="true" data-val-required="The Include photos in the report field is required." id="IncludePhotos" name="IncludePhotos" type="checkbox" value="true" /> 

ich ein Drop-Down-und eine Checkbox haben, ich brauche das Kontrollkästchen deaktivieren wenn der Benutzer den ersten Wert im Dropdown-Menü auswählt. Hier ist die Javascript-I ohne Erfolg bin mit

$(function() { 
    $('#SelectedReportId').change(function() { 
     var value = $(this).val(); 
     if (value == '1') { 
      $('#IncludePhotos').show(); 
     } else { 
      $('#IncludePhotos').hide(); 
     } 
    }); 
}); 

Jede mögliche Hilfe schätzen, danke

Answer 1

Enthaltenes Javascript in einem @section scripts {} Abschnitt und es hat angefangen zu arbeiten,

@section scripts{ <script type="text/javascript"> 
$(function() { 
    $('#SelectedReportId').change(function() { 
     var value = $(this).val(); 
     if (value == '1') { 
      $('#IncludePhotos').show(); 
     } else { 
      $('#IncludePhotos').hide(); 
     } 
    }); 
});</script>} 

Answer 2

versuchen, diese

@Html.DropDownListFor(z => z.SelectedReportId, new SelectList(Model.ReportTypes, "Value", "Text", Model.SelectedReportId),new {id="myDropdown"}

@Html.CheckBoxFor(model => model.IncludePhotos,new {id="myCheckbox"})

$(function() { $('#myDropdown').change(function() { var value = $(this).val(); var fistVal=$('#myDropdown option:first-child').attr("selected", "selected"); if (value == fistVal) { $('#IncludePhotos').show(); } else { $('#IncludePhotos').hide(); } }); });