title: change dropdown value when checkbox is selected
body: <p>I have this form and I want to keep the highest value in dropdown content when a checkbox is checked:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;&lt;title&gt;Check Box&lt;/title&gt;
  &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"&gt;&lt;/script&gt; 
  
  &lt;/head&gt;
  &lt;form&gt;
  &lt;input type="checkbox" value="0" id="chk"&gt;Other
  &lt;input type="checkbox" value="1" id="chk1"&gt;Moderate incident
  &lt;input type="checkbox" value="2" id="chk2"&gt;Signifiant indcident
  &lt;input type="checkbox" value="3" id="chk3"&gt;Weather
  &lt;input type="checkbox" value="4" id="chk4"&gt;Severe
  &lt;input type="checkbox" value="2" id="chk5"&gt;Signifiant incident
  &lt;select id="test"&gt;
  &lt;option value="0"&gt;0 - Nothing important&lt;/option&gt;
  &lt;option value="1"&gt;1 - Moderate incident&lt;/option&gt;
  &lt;option value="2"&gt;2 - Signifiant incident&lt;/option&gt;
  &lt;option value="3"&gt;3 - Weather Conditions&lt;/option&gt;
  &lt;option value="4"&gt;4 - Severe incident&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;/form&gt;
  &lt;script&gt;
  $('input[type="checkbox"]').click(function(){
  
      if ($(this).is(':checked'))
          $("#test").val($(this).val());
  });
  &lt;/script&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>When a checkbox is checked the value from dropdown changes, but if the value from checkbox is smaller than the one already checked I don't want to change the value from dropdown, I want the highest value to remain in dropdown.</p>
  
  <p>Ex: if in dropdown the highest value is 3 and i check value 2 I don't want to change that in dropdown only if a i check value 4.</p>