function displayVals() {
  var singleValues = $("#single").val();   //id=singleのoptionで選択した値を.val()で取得
  var multipleValues = $("#multiple").val() || [];   //id=multipleで選択した値を.val()[]のどちらか正しい方で取得。[]は属性のセレクタ
  $("p").html("<b>Single:</b> " +        //p要素にhtmlの<b>Single:</b>を作成して出力する「+」
              singleValues +             //上でのsingleValues宣言で取得した値を入れる「+」
              " <b>Multiple:</b> " +        //同じくp要素にhtmlの<b>Single:</b>を作成して出力する「+」
              multipleValues.join(", "));   //上でのmultipleValues宣言で取得した複数の値を.join(繋ぐ？)して「,」で区切って入れる
}
 
$("select").change(displayVals);    //selectでチェンジした値をdisplayValsとして取得
displayVals();   //その値をディスプレイに表示する。

<!--pタグに出力する-->
<p></p>
<!--セレクトメニューの作成-->
<select id="single">
  <option>Single</option>
  <option selected="selected">Single5</option>  <!--デフォルトで選択、はずせばトップが表示される-->
</select>
<!--リストボックスの作成-->
<select id="multiple" multiple="multiple">  <!--multipleで複数選択可能になる-->
  <option selected="selected">Multiple</option>  <!--デフォルトで選択-->
  <option>Multiple2</option>
  <option selected="selected">Multiple3</option>  <!--デフォルトで選択-->
</select>