Как получить все выбранные значения параметра id в одиночном onclick?

Question

В php мы можем использовать опцию select в том, что пользователь может выбрать более одного значения параметра, после чего я нажимаю кнопку перемещения, функция нажимается в кнопке, теперь как я могу получить все выбранное значение параметра в одиночном onclick.

<button type="button" id="search_rightSelected" onclick="inventory_left_to_right(document.getElementById('search'),false)" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i></button> 

Answer 1

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.12.0.min.js"></script> 

<select id="search" multiple> 
    <option value="1">Volvo</option> 
    <option value="2">Saab</option> 
    <option value="3">Opel</option> 
    <option value="4">Audi</option> 
</select> 

<button type="button" id="search_rightSelected" onclick="inventory_left_to_right()" class="btn btn-block"><i class="glyphicon glyphicon-chevron-right"></i> HHH </button> 

<script> 

function inventory_left_to_right() { 
    //var allVal = ''; 
    var allValArr = []; 
    $("#search :selected").each(function() { 
     // you can use to get the values $(this).val(); 
     //allVal += $(this).val()+','; 
     allValArr.push($(this).val()); 
    }); 
    //allVal = allVal.substring(0, allVal.length - 1); 
    console.log(allValArr); 
} 
</script> 

Answer 2

Вы можете попробовать это: DEMO

$('#search_rightSelected').click(function() { 
    var foo = []; 
    $('#multiple :selected').each(function(i, selected){ 
    foo[i] = $(selected).text(); 
    }); 
}); 

ИЛИ

функция Вэл вызывается из избранных возвращает массив, если его несколько. $('select#search_rightSelected').val() вернет массив значений для выбранных параметров - вам не нужно проходить через петлю и получать их самостоятельно.