MultiSelect将值传递给另一个iframe

Question

我试图用不同的html中的两个方面分隔多选 在 Main.html 中，从[] 中选择名称 另一个 sub.html 将选择名称添加到[] 然后，我的main.html使用iframe来显示sub.html 我的问题是，如何将主框架值中的选定值传递给iframe

这是我的Main.html代码（来自[]）https://jsfiddle.net/mouseshop318/yv7fdpj7/21/

<div class="col-xs-5">
  <select name="from[]" class="form-control" size="8" multiple="multiple">
     <option value="1">Item 1</option>
     <option value="2">Item 5</option>
     <option value="2">Item 2</option>
     <option value="2">Item 4</option>
     <option value="3">Item 3</option>
 </select>
</div>
<iframe src ="sub.html"></iframe>

sub.html代码（到[]） https://jsfiddle.net/mouseshop318/khqkv628/6/

<div class="col-xs-5">
    <select name="to[]" id="search_to" class="form-control" size="8" multiple="multiple"></select>
</div>

JS

 jQuery(document).ready(function($) {
   $('.multiselect').multiselect();
 });

REF：http://crlcu.github.io/multiselect/examples/data-options.html