Ориентация на определенный список мультиселектов в jquery

Question

Я пытаюсь сделать список Multiselect, чтобы я мог очистить все выбранные элементы, щелкнув первое поле в списке (это пустое значение, т. Е. «»).

Я использую этот JQuery:

$("#States").change(function() { 
    var sValue = $(this).val(); 
    if (sValue == "") { 
     $(" option:selected").removeAttr("selected"); 
    } 
    return false;  
}); 

Проблема заключается в том, что это также снимает выделение элементов во всех других моих MULTISELECT списков. Как настроить таргетинг на конкретный список? (вероятно, очень простой вопрос, но это мой первый набег на jquery).

Answer 1

Вы можете использовать $(selector, context).

$("option:selected", this).prop("selected", false); 

Примечание: val метода для выбора нескольких элементов возвращает массив не является строкой, так что вы сравниваете массив с пустой строкой.

Answer 2

можно ориентировать его более расширяя селектор JQuery:

$("#States option:selected").removeAttr("selected"); 

Answer 3

используется $(this) вместо пристреливать все выбранные опции:

$("option:selected", this).prop("selected", false); 

Answer 4

Добавить контекст в селекторе. Смотрите ниже,

$("option:selected", this).removeAttr("selected"); 

Используйте .prop, если вы используете последнюю версию JQuery. См. Другие ответы для получения дополнительной информации.

Answer 5

Вы должны ссылаться на элемент, который вы используете:

if (sValue == "") { 
    $('option:selected', this).removeAttr("selected"); 
} 

Answer 6

Я думаю, следующий код будет работать.

$("#States").change(function() { 
    var sValue = $(this).val(); 
    if (sValue == "") { 
     $(this).find("option:selected").removeAttr("selected"); 
    } 
    return false;  
});