Как открыть несколько окон всплывающих окон с JQuery при отправке формы (всплывающие окна должны быть относительно данных, отправленных формы)?

Question

У меня есть HTML-форма, подобная этой:

    <form> 
<fieldset class="ui-widget-content ui-corner-all"> 
<select id="Streams" class="multiselect ui-widget-content ui-corner-all" multiple="multiple" name="Streams[]"> 

<option value="35">  Example Name (35)</option> 
<option value="44">  Example Name (44)</option>  
<option value="5698">  Example Name (5698)</option> 
<option value="777">  Example Name (777)</option> 
<option value="12">  Example Name (12)</option>   
    </select> 

      <input type="submit" class="ui-state-default ui-corner-all" name="submitForm" id="submitForm"  value="Play Stream from selected URL's!"/> 
  </fieldset> 
</form>

на моей странице JS + HTML я использую JQuery.

Как видите, я разрешаю пользователю выбирать несколько элементов.

Я хочу открыть при нажатии кнопки «Отправить» столько всплывающих окон, сколько элементов он выбрал в списке.Каждое всплывающее окно должно открывать URL-адрес, например www.example.com/test.php?id=OPTION_SELECTED.

И здесь под PopUp Window я подразумеваю реальное окно браузера.

Таким образом, для каждого из выбранных параметров я получу всплывающее окно с различным URL.

Пожалуйста, помогите.

Answer 1

это было бы что-то вроде этого ...

$("form").submit(function() {
    int i = 0;
    $("#Streams option:selected").each(function() {
        window.open("www.example.com/test.php?id=" + $(this).val(),"window" + i.toString());
        i++;
    });
});