Сброс DropDownListing при закрытии модального окна

Question

У меня появилось окно модального контакта с раскрывающимся списком, в котором вы выбираете категорию. Я пытаюсь выяснить способ сброса выбранного элемента, когда модаль закрывается либо кнопкой отмены, либо кнопкой x. Пока единственный способ выяснить, как это сделать, - это быстро обновить страницу (см. Функцию CloseAndRefresh внизу), когда нажата одна из кнопок. Это не идеально, потому что, если кто-то вошел в данные и не отправил их, обновление будет удалять все. Есть ли более простой способ достичь этого без обновления?

Ниже приведен код для моего модальных кнопки

@Html.ModalButton(string.Empty, Rxcs.Contact + " " + Rxcs.Support, "none", "HelpContactSupport") 
<div id="page-contact-form"> 
    <a href="#" title="Close" class="close" onclick="CloseAndRefresh()">X</a> 
    @using (Html.BeginForm("ContactHelp", "emails", FormMethod.Post)) 
    { 
     <div class="row"> 

      @if (Request.IsAuthenticated && Session["PersonID"] != null) 
      { 
       <input type="hidden" name="address" value="@ViewContext.GetContext().people.Find(Session["PersonID"]).Email" /> 
      } 
      else 
      { 
       <label for="address" class="medium-2 columns text-right">Email Address:</label> 
       <div class="medium-10 columns"> 
        <input type="text" name="address" id="address" /> 
       </div> 
      } 
      <div class="medium-2 hide-for-small columns">&nbsp;</div> 
      <div class="medium-10 columns"> 
       <p>@Rxcs.What_is_your_question</p> 
      </div> 
      <label class="medium-2 columns text-right" for="contactCat"> 
       @Rxcs.Category 
      </label> 
      <div class="medium-10 columns" id="selectParent"> 
       @Html.DropDownListing("contactCat", new SelectList(ViewContext.GetContext().contact_category, "ID", "CategoryNameEnglish")) 
      </div> 

      <div id="bodyParent"> 
       <input type="hidden" name="Subject" value="Contact Help on Page: @Request.Url.AbsoluteUri" class="col-md-10" /> 
       <label class="medium-2 columns text-right" for="body">@Rxcs.Body.Replace("English", "").Replace("anglais", "")</label> 
       <div class="medium-10 columns"> 
        <textarea rows="10" cols="100" name="body" id="body"></textarea> 
       </div> 
       <input type="submit" value="@Rxcs.Send" class="button float-right" onclick="$('#contactCat').next().children().first().css('border', '1px solid #f00');return $('#contactCat').val() != '';" /> 
      </div> 
      <a class="button inline float-left" onclick="CloseAndRefresh()">@Rxcs.Cancel</a> 

      <script> 
       function CloseAndRefresh() { 
        location.href = '#'; 
        javascript: history.go(0); 
       } 
      </script> 

      <br /> 
     </div> 
    } 
</div> 
@Html.ModalButtonEnd() 

Answer 1

Я сделал это, очистив DROPDOWNLIST выбора, а затем назначить его текст к первому тексту Здесь фрагмент кода может помочь вам

dropdownname.ClearSelection(); 
dropdownname.Items.FindByText(Your Text).Selected = true;