title: change all select array name values in form except current select via jquery
body: <p>I have n select array like this:</p>
  
  <pre><code>&lt;select class="form-control" name="upporder['1']"&gt;
  &lt;option value="1"&gt;TOP&lt;/option&gt;
  &lt;option value="2" selected&gt;BOTTOM&lt;/option&gt;
  &lt;/select&gt;
  
  &lt;select class="form-control" name="upporder['2']"&gt;
  &lt;option value="1"&gt;TOP&lt;/option&gt;
  &lt;option value="2" selected&gt;BOTTOM&lt;/option&gt;
  &lt;/select&gt;
  .
  .
  .
  &lt;select class="form-control" name="upporder['n']"&gt;
  &lt;option value="1"&gt;TOP&lt;/option&gt;
  &lt;option value="2" selected&gt;BOTTOM&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>user can choose all select as 'BOTTOM'</p>
  
  <p>But I want user only can choose one 'TOP'</p>
  
  <p>for example, If choose 'TOP',all of other select be 'BOTTOM'</p>
  
  <p>I try write it via jQuery:</p>
  
  <pre><code>$("[name=upporder]").on('change',(function(e) {
      e.preventDefault();
  
     if(this.val() == 2) 
         // do not do anything
     elseif(this.val() == 1) 
          //change all other 'select' value (with same name) to '2' except current 'select'
  
  }
  </code></pre>