javascript - 通过 jquery 更改除当前选择之外的所有选择数组名称值

Question

我有 n 个这样的选择数组:

<select class="form-control" name="upporder['1']">
<option value="1">TOP</option>
<option value="2" selected>BOTTOM</option>
</select>

<select class="form-control" name="upporder['2']">
<option value="1">TOP</option>
<option value="2" selected>BOTTOM</option>
</select>
.
.
.
<select class="form-control" name="upporder['n']">
<option value="1">TOP</option>
<option value="2" selected>BOTTOM</option>
</select>

用户可以选择所有选择作为'BOTTOM'

但我希望用户只能选择一个'TOP'

例如，如果选择'TOP'，则所有其他选择'BOTTOM'

我尝试通过 jQuery 编写它:

$("[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'

}

Answer 1

试试这个:

$(".form-control").change(function(){ // handle click event of all selectbox
    if($(this).val() == '1') { // check if TOP is selected
       $(".form-control").val('2'); // first set all select box value to 2
        $(this).val('1'); // set current selectbox to 1
    }
});