jQuery的 - 如何删除其他选择选择

Question

如何删除其他选中复选框每点击我的模式 这是我的HTML

<div class="form-group"> 
    <label for="sel1">Select role:</label> 
    <select class="form-control" id="role" name="role"> 
     <option value="admin">Admin</option> 
     <option value="user">User</option> 
    </select> 
</div> 

在我的javascript

$(document).on('click', '.changeRole', function(){ 
    var role = "admin" or "user"; //just change test, just nvm of this 
    $("#role option[value='"+role+"']").attr('selected', 'selected'); 
}); 

因为当我执行两个时间就会变成这样2被选中并在显示器上出错

<div class="form-group"> 
    <label for="sel1">Select role:</label> 
    <select class="form-control" id="role" name="role"> 
     <option value="admin" selected="selected">Admin</option> 
     <option value="user" selected="selected">User</option> 
    </select> 
</div> 

Answer 1

全部清除

$(document).on('click', '.changeRole', function(){ 
    var role = "admin" or "user"; 

    //clear all first 
    $("#role option").removeAttr("selected"); 

    $("#role option[value='"+role+"']").attr('selected', 'selected'); 
});