[簡単]jquery.multielect.jsは略記を使います。

jquery.multiiselect.js紹介：  http://www.erichynds.com/blog/jquery-ui-multiselect-widget
       ダウンロード：https://github.com/ehynds/jquery-ui-multiselect-widget
 
        jquery uiが必要ですhttp://jqueryui.com/
        簡単な使い方は以下の通りです。
       

<select id="multiTest"
				multiple="multiple" name="multiTest">
				<option value="test">  1</option>
				<option value="test2">  2</option>
				<option value="test3">  3</option>
				<option value="test4">  4</option>
				<option value="test5">  5</option>
				<option value="test6">  6</option>
				<option value="test7">  7</option>
				<option value="test8">  8</option>
				<option value="test9">  9</option>
				<option value="test10">  10</option>
				<option value="test11">  11</option>
				<option value="test12">  12</option>
			</select>

 
   

$(function() {
		$("#multiTest").multiselect({
			noneSelectedText : "=   =",
			checkAllText : "  ",
			uncheckAllText : '   ',
			minWidth : 120
		});
       });

 
    選択した値を取得:
   

var valSelect = $("#multiTest").val();

 
    全文が終わる。