title: How to select option value from select tag using jquery
body: <p>sorry guys, previously I didn't mention the my dropdown list is made with bootstrap. based on @rps suggestion I asked to my colleague(who is made template) he said it's made with bootstrap.</p>
  
  <p>I am putting basic html dropdown code,so I think you guys can understand How bootstrap code will be.</p>
  
  <p>html code:</p>
  
  <pre><code>&lt;select name="primary" class="select-block" id="select_alert"&gt;
     &lt;option "selected"&gt;Choose Alert T&lt;/option&gt;                         
     &lt;option value="T1"&gt;T1&lt;/option&gt;
     &lt;option value="T2"&gt;T2&lt;/option&gt;
     &lt;option value="T3"&gt;T3&lt;/option&gt;
     &lt;option value="T4"&gt;T4&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>Initially i am getting the select menu in the following way.</p>
  
  <p><img src="https://i.stack.imgur.com/CslRO.png" alt="enter image description here"></p>
  
  <p>for my conformation,I am finding the menu value in the following way.</p>
  
  <pre><code>i/p: document.getElementById('select_alert').value
  o/p: "choose Alert T"
  </code></pre>
  
  <p>Now using javascript or jquery, I want to change select option in the follwoing way.For this I tried the below it's not working</p>
  
  <p><img src="https://i.stack.imgur.com/OXzbL.png" alt="enter image description here"></p>
  
  <pre><code>       document.getElementById('select_alert').value="T1";
  </code></pre>
  
  <p>Again If I check the value of select menu,it should be "T1".</p>
  
  <p>Thanks</p>