DropDownListing zurücksetzen, wenn das modale Fenster geschlossen ist

Question

Ich habe ein modales Kontaktfenster, das erscheint, mit einem Dropdown-Listenfeld, in dem Sie eine Kategorie auswählen. Ich versuche einen Weg zu finden, um den ausgewählten Gegenstand zurückzusetzen, wenn das Modal geschlossen ist, entweder mit der Abbrechen-Taste oder der x-Taste. Bis jetzt ist der einzige Weg, wie ich das herausgefunden habe, das schnelle Aktualisieren der Seite (siehe CloseAndRefresh-Funktion unten), wenn eine der Schaltflächen angeklickt wird. Dies ist nicht ideal, denn wenn jemand Daten eingegeben und nicht gesendet hat, wird durch die Aktualisierung alles gelöscht. Gibt es einen einfacheren Weg, dies ohne zu erneuern?

Unten ist der Code für meine modalen Taste

@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

ich dies tat von Dropdownlist-Auswahl Clearing- und dann weisen Sie Text auf den ersten Text Hier ist ein Code-Snippet ist vielleicht Sie

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

werden helfen