Javascript 如何使用jQuery在多个选择中取消选择所选选项

我想根据所选选项的值在“多次选择”中取消选择所选选项

我已经试过了

及

选择技能
分析
安卓
$（函数（）{
$（'#addskills'）。在（'click'，function（）上{
$（“#技能：选定”）。每个（功能（i，选定）{
var text=$（this.text（）；
var值=$（this.val（）；
$（'.skill text'）。前缀（“+text+”）；
});     
});
$（'body'）。在（'click'，.removeskill'，函数（）上{
var id=$（this.data（“id”）；
//$（'body'）。查找（#技能选项[value=“+id+”]）。删除属性（“选定”）；
//$（“#技能：选定”）。查找（“选项[value=“+id+”]”）。删除属性（“选定”）；
$（“#技能：选定”）。每个（功能（i，选定）{
if（$（this）.val（）==id）{
警报（“内部如果”）；
$（this.removeAttr（'selected'）；
}
});
});
})

请查看小提琴而不是

$（此）

，尝试使用

.prop（）

将其设置为

false

---

您可以像这样清除选择列表的值

$('#skills').val('');

您可以使用

$（“选择选项[value=”“+id+””））.prop（“已选择”，false）

它将取消选择值设置为
id

$('body').on('click',".removeskill", function(){
        var id = $(this).data("id");
        $(this).remove(); // to remove that item from list
        $('#skills :selected').each(function(i, selected){
           if($(this).val() == id){
             $("select option[value='"+id+"']").prop("selected", false); // to deselect that option from selectbox
           }
        });
});

尝试：
将selectedIndex属性设置为-1

示例：纯Javascript

var a = document.getElementById('skills');
a.selectedIndex = -1;

尝试
$（'#技能选项'）.prop（“选中”，错误）

你只需要使用

$('#addskills').on('click', function(){
    $('#skills :selected').each(function(i, selected){
        var text = $(this).text();
        var value = $(this).val();
        $('.skill-text').prepend("<span class='removeskill' data-id='"+value+"'>"+text+"<i class='fa fa-times' ></i></span>");  
    });   
    $('#skills option').prop("selected", false);  
});

$（'addskills'）。在（'click'，function（）上{
$（“#技能：选定”）。每个（功能（i，选定）{
var text=$（this.text（）；
var值=$（this.val（）；
$（'.skill text'）。前缀（“+text+”）；
});   
$（“#技能选项”）.prop（“选定”，false）；
});
使用html代替prepend，然后在
removeskill的点击中调用
addskills的点击事件
var a = document.getElementById('skills');
a.selectedIndex = -1;

$('#addskills').on('click', function(){
    $('#skills :selected').each(function(i, selected){
        var text = $(this).text();
        var value = $(this).val();
        $('.skill-text').prepend("<span class='removeskill' data-id='"+value+"'>"+text+"<i class='fa fa-times' ></i></span>");  
    });   
    $('#skills option').prop("selected", false);  
});