title: How to change Option one value to selected after a click event or after an onClick function
body: <p>I am Using this code to change the option value but it doesn't work !</p>
  
  <p>JavaScript</p>
  
  <pre><code>    &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
         function changeDefaultSelection(){
             $("#selectVehicle").val('1');
         }
      &lt;/script&gt;
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;html&gt;
     &lt;select id="selectVehicle"&gt;
        &lt;option  value="0"&gt; Please Select A Vehicle &lt;/option&gt;
        &lt;option  value="1"&gt; Car &lt;/option&gt;
        &lt;option  value="2"&gt; Bus &lt;/option&gt;
     &lt;/select&gt;
  &lt;button onclick="changeDefaultSelection()"&gt; Change me&lt;/button&gt;
  &lt;/html&gt;
  </code></pre>