用javascript抓取选择选项

我有两个盒子可以在彼此之间切换数据。默认情况下，最后一个框为空，仅接收用户通过单击“>”按钮添加的项目

现在，我需要一个动作通过JS在一个简单的警报中抓取这些项目

当用户将项目添加到右侧的框中并单击“全部抓取”按钮时，需要显示一个包含所选（按下）项目的警报

以下是HTML：

<form method="get" style="width:400px">             
   <select id="SelectLeft" multiple="multiple" style="float:left">
        <option value="1">Wood</option>
        <option value="2">Steel</option>
        <option value="3">Iron</option>
        <option value="4">Carbon Fiber</option>
   </select>


<div class="btns">
  <input id="filter_right" type="button" value=" > " />
  <input id="filter_left" type="button" value=" < " />
</div>
  <select id="SelectRight" multiple="multiple" style="float:right">

  </select>

    <input type="submit" value="grab all" />
 </form>

木材
钢
熨斗
碳纤维

以下是这个问题的关键：

我该怎么做才能对该按钮执行此操作？任何帮助或推荐都将不胜感激

---

谢谢你的建议

下面是一个工作示例，向您展示所选内容

$("#graball").live('click',function(event) {
            event.preventDefault();
            var foo = "";

            $('#SelectRight :selected').each(function(i, selected){
              foo = foo + $(selected).text() + " ";
            });

            alert(foo);
        });