Изменить выбранный индекс DropDownList на первый индекс, а установить флажок в непроверенный режим

Question

В моем проекте ASP.NET MVC у меня есть флажок, и когда я проверяю его, появляется DropDownList, и возможно, что я выбираю элемент из этого DropDownList (я имею в виду элемент, кроме первого элемента в поле со списком), нокогда я снимаю флажок, выбранный элемент DropDownList должен быть первым индексом (я имею в виду - شغل را انتخاب نمایید -):

Мой флажок(кнопка переключения) выглядит следующим образом:

<div style="margin-top: 30px;margin-right: 8px" class="row col-md-7">
  <p>آیا شاغل هستید؟</p><label style="margin-top: -7px;margin-right: 20px" class="switch">
     <input class="switch-input" type="checkbox"  value="true" name="JobStatus"/>
     <span class="switch-label" data-on="هستم" data-off="نیستم"></span> <span class="switch-handle"></span>
     </label>
</div>

Мой раскрывающийся список выглядит следующим образом:

<div class="col-md-7" hidden="hidden" id="divJobsId" style="margin-top: 30px" tooltip="شغل" flow="down">
   @Html.DropDownList("JobsId", null, "- شغل را انتخاب نمایید -", htmlAttributes: new { type = "Text", @class = "form-control" })
   @Html.ValidationMessageFor(model => model.JobsId, "", new { @class = "text-danger" })
</div>

До сих пор я делал, как показано ниже, с помощью jquery:

 $(document).ready(function () {
        $('.switch-input').change(function () {
            debugger;
            if (this.checked) {
                $("#divJobsId").prop('hidden', false);
            } else {
                $("#divJobsId").prop('hidden', true);
                $("#JobsId").prop('show', false);
            }
            if ($("#divJobsId").is(':visible')) {
                $("#JobsId").chosen();
            }
        });
    });

Как я могу решить эту проблему? Любая помощь будет оценена!