title: How to clear dropdown list once value is selected and submited
body: <p>Hi guys i have the following code in my view:</p>
  
  <pre><code>@model Test.tblReview
  
  @{
      ViewBag.Title = "Create";
  }
  
  &lt;div class = "under"&gt;
  Add a New Review
  &lt;/div&gt;
  
  &lt;br /&gt;
  
  &lt;link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" /&gt;
  &lt;link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" /&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;link href="../../Content/themes/base/jquery.ui.slider.css" rel="stylesheet" type="text/css" /&gt;
  
  @using (Html.BeginForm()) {
      @Html.ValidationSummary(true)
  
  
          &lt;div class="editor-label"&gt;
              @Html.HiddenFor(model =&gt; model.ReviewID)
          &lt;/div&gt;
  
          &lt;div class="editor-field"&gt;
              @Html.HiddenFor(model =&gt; model.ReviewID)
              @Html.HiddenFor(model =&gt; model.ReviewID)
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              @Html.LabelFor(model =&gt; model.Recomendation)
          &lt;/div&gt;
  
  
          &lt;div class="editor-field"&gt;
              @Html.TextAreaFor(model =&gt; model.Recomendation, new { style = "max-width: 200px; max-height: 150px;" })
              @Html.ValidationMessageFor(model =&gt; model.Recomendation)
          &lt;/div&gt;
  
      &lt;br /&gt;
  
  
          &lt;div class="editor-label"&gt;
              @Html.LabelFor(model =&gt; model.AvoidOrBuy)
          &lt;/div&gt;
  
  
  
          &lt;div class="editor-field"&gt;
              @Html.TextAreaFor(model =&gt; model.AvoidOrBuy, new { style = "max-width: 200px; max-height: 150px;" })
              @Html.ValidationMessageFor(model =&gt; model.AvoidOrBuy)
          &lt;/div&gt;
  
          &lt;br /&gt;
  
           &lt;div class="editor-label"&gt;
            @*@Html.LabelFor(model =&gt; model.Posted)*@
          &lt;/div&gt;
  
          &lt;div class="editor-field"&gt;
              @Html.HiddenFor(m =&gt; m.Posted)
              @Html.ValidationMessageFor(model =&gt; model.Posted)
          &lt;/div&gt;
  
          &lt;br /&gt;
  
            &lt;div class="editor-label"&gt;
              @Html.LabelFor(model =&gt; model.Score)
          &lt;/div&gt;
  
       &lt;br /&gt;
  
          &lt;div class="demo" style="width: 185px"&gt;
          &lt;div id="slider-range-max"&gt;&lt;/div&gt;
          &lt;/div&gt;
  
      &lt;br /&gt;
  
         &lt;p&gt;Score Added From Scroll Bar&lt;/p&gt;
  
          &lt;div class="editor-field"&gt;
              @Html.EditorFor(model =&gt; model.Score)
              @Html.ValidationMessageFor(model =&gt; model.Score)
          &lt;/div&gt;
  
       &lt;br /&gt;
          &lt;div class="editor-label"&gt;
              @Html.LabelFor(model =&gt; model.GameIDFK, "tblGame")
          &lt;/div&gt;
  
  
  
          &lt;div class="editor-field"&gt;
              @Html.DropDownList("GameIDFK", String.Empty)
              @Html.ValidationMessageFor(model =&gt; model.GameIDFK)
          &lt;/div&gt;
  
          &lt;div class="editor-label"&gt;
              @Html.HiddenFor(model =&gt; model.UserName)
          &lt;/div&gt;
  
          &lt;div class="editor-field"&gt;
              @Html.HiddenFor(model =&gt; model.UserName)
              @Html.HiddenFor(model =&gt; model.UserName)
          &lt;/div&gt;
  
       &lt;br /&gt;
  
          &lt;p&gt;
              &lt;input type="submit" value="Create" /&gt;
          &lt;/p&gt;
  
  }
  
  &lt;div&gt;
      @Html.ActionLink("Go To Reviews", "Index") |  @Html.ActionLink("Go Back To Games", "Index", "Game")
  &lt;/div&gt;
  
   &lt;script type="text/javascript"&gt;
       $(function () {
           $("#slider-range-max").slider({
               range: "max",
               min: 1,
               max: 10,
               value: 1,
               slide: function (event, ui) {
                   $("#Score").val(ui.value);
               }
           });
           $("#Score").val($("#slider-range-max").slider("value"));
       });
      &lt;/script&gt;
  </code></pre>
  
  <p>Everything works fine but i would like way to make the value in the drop down to clear once its been selected and the submit button is pressed, If you require addtional information please ask me thank you</p>