title: How to make our selected value displayed in dropdown in html?
body: <p>I have a dropdown,code as follows:</p>
  <pre><code> &lt;div class=&quot;col-sm-2&quot;&gt;
      @if (Model.Period == 0 || Model.Period == null)
      {
          &lt;select name=&quot;Period&quot; id=&quot;ddlPeriod&quot; disabled=&quot;disabled&quot;&gt;
                &lt;option value=&quot;0&quot; disabled=&quot;disabled&quot; selected=&quot;selected&quot;&gt;select period&lt;/option&gt;
              &lt;option value=&quot;1&quot;&gt; Days&lt;/option&gt;
              &lt;option value=&quot;2&quot;&gt; Week&lt;/option&gt;
              &lt;option value=&quot;3&quot;&gt; Month&lt;/option&gt;
              &lt;option value=&quot;4&quot;&gt; Year&lt;/option&gt;
          &lt;/select&gt;
   }
      else
      {
          &lt;select name=&quot;Period&quot; id=&quot;ddlPeriod&quot;  onselect=&quot;@Model.Period&quot; &gt;
                &lt;option value=&quot;0&quot; disabled=&quot;disabled&quot;&gt;select period&lt;/option&gt;
               &lt;option value=&quot;1&quot;&gt; Days&lt;/option&gt;
              &lt;option value=&quot;2&quot;&gt; Week&lt;/option&gt;
              &lt;option value=&quot;3&quot;&gt; Month&lt;/option&gt;
              &lt;option value=&quot;4&quot;&gt; Year&lt;/option&gt;
          &lt;/select&gt;
  }
  &lt;/div&gt;
  </code></pre>
  <p>My values saved as 1 for Days ;2 for Week; 3 for Month;4 for Year.</p>
  <p>While retrieving, it returns 1 or 2 or 3 or 4 correctly, but my dropdown only displays Days.</p>
  <p><a href="https://i.stack.imgur.com/FFCom.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FFCom.png" alt="enter image description here" /></a></p>
  <p>If I set my <code>Days</code> as <code>disabled=&quot;disabled&quot;</code> ,then my dropdown displaying Week for whatever value it comes.</p>
  <p>Why it is like that? Where I did wrong?</p>