jQuery设置一个的多个值 <select>不使用倍数=是

Question

i'm lookin for an method, to set the more than one value of an without using the multiple funktion.

$("#multiselect .auswahl .options input").change(function(){
if($(this).is(":checked")){
    $("option[value='"+$(this).val()+"']",ele).attr("selected",true);
}else{
    $("option[value='"+$(this).val()+"']",ele).attr("selected",false);
}
});

This is HTML

<select name="kategorie[]" class="select">
   <option value="0" selected="">Bitte auswählen</option>
   <option value="2">A</option>
   <option value="3">B</option>
</select>

The Problem is, after sending the Form, the PHP gives only 1 value. Is there a possibility to get more than 1 selected option without using multiple?

Or is there a Way to Style the multiple like an not multiple?

Thanks for your help.

Best Regards

Chris

Answer 1

You may add hidden field for every selected element on selection changing or change which data posts on .submit event for form or create select input with display:none and multiple="true". There is a lot of original ways to do this.

Answer 2

This jquery ui based widget provides a way to present multiselect with a similar look as the normal select.

http://www.erichynds.com/blog/jquery-ui-multiselect-widget