Как выбрать вариант в списке выбора с помощью JQuery

Question

У меня есть форма, которая имеет выберите элемент

<select name="adddisplaypage[]" id="adddisplaypage" multiple="multiple"> 
    <option value="all" label="all">all</option> 
    <option value="index" label="index">index</option> 
    <option value="tour" label="tour">tour</option> 
    <option value="aboutus" label="about us">about us</option> 
    <option value="contactus" label="contact us">contact us</option> 
    <option value="destination" label="destination">destination</option> 
    <option value="reservation" label="reservation">reservation</option> 
</select> 

может кто-нибудь помочь мне, чтобы выбрать эту опцию (множественный выбор) по щелчку т.е. параметр получает выбран при нажатии и отменяется, если выбран по щелчку.

Answer 1

Я понял, что, возможно, неправильно понял ваш вопрос. Что-то вроде следующего должно работать, хотя я не уверен в поддержке браузера:

$('#adddisplaypage option').click(function(e) { 
    e.preventDefault(); 
    var self = $(this); 

    if(self.attr('selected') == '') { 
    self.attr('selected', 'selected'); 
    } else { 
    self.attr('selected', ''); 
    } 
}); 

Answer 2

В вашем click() обработчиком, вы можете написать что-то вроде:

$("#adddisplaypage").val("index"); 

Это должно выбрать "индекс", например.

Answer 3

Вы можете передать массив методу .val(). Например:

$('#adddisplaypage').val(['index', 'tour']);