点击更新所有表格下拉列表项目

Question

我想单击按钮时添加一个按钮到列将当前页面上的所有其他下拉项目设置为所做的选择。

JSFiddle

<select class="select2 select2-offscreen" id="id[0]" name="id[0]"> 
<option value="not received">Not Received</option> 
<option value="received">Received</option> 
</select> 

<select class="select2 select2-offscreen" id="id[1]" name="id[1]"> 
<option value="not received">Not Received</option> 
<option value="received">Received</option> 
</select> 

<select class="select2 select2-offscreen" id="id[2]" name="id[2]"> 
<option value="not received">Not Received</option> 
<option value="received">Received</option> 
</select> 

<button class="go-btn" type="submit">Update All</button> 

JS：

$('.go-btn').click(function() { 

     $("select option").each(function() { 
      //how to update the dropdow? 
     }); 
}); 

Answer 1

这是你在找什么？ https://jsfiddle.net/zmbagh9h/3/

var lastSelectedValue = 'not received'; 

$('select').change(function() { 
    lastSelectedValue = this.value; 
}); 

$('.go-btn').click(function() { 
    $('select').val(lastSelectedValue); 
});