下拉菜单 - 使用一个选项打开多个选项卡

时间:2013-03-28 08:28:16

标签: html drop-down-menu option

我现在只使用HTML,我想有一个下拉菜单选项,在浏览器中打开多个标签,我已经能够在浏览器中打开一个选项卡,但有一个选项,但我想知道如果可以通过一个选项打开多个。我期待着您的回复,谢谢。

<form name="form" id="form">
      <select name="Dropdown" id="Dropdown">
        <option value="inidivual/Mindmap.pdf" selected="selected">Mind map</option>
        <option value="inidivual/moneymatters.xlsx">Spreadsheet</option>
        <option value="#">Identity design and documents</option>
        <option value="#">Project review</option>
      </select>
      <input type="button" name="go_button" id= "go_button" value="Open" onClick="window.open(Dropdown.value,'newtab'+Dropdown.value)">
    </form>

1 个答案:

答案 0 :(得分:0)

要选择多个选项,应将其设置为多个,

<form name="form" id="form" >
  <select name="Dropdown" multiple id="Dropdown">
    <option value="http://www.google.com" selected="selected">Mind map</option>
    <option value="http://www.yahoo.com">Spreadsheet</option>
    <option value="http://www.sdesigns.co.in">Identity design and documents</option>
    <option value="http://www.bing.com">Project review</option>
  </select>
  <input type="button" name="go_button" id= "go_button" value="Open"">
</form>

并使用以下jquery

$("#go_button").click(function(){
$("#Dropdown :selected").each(function(){
       var newLink = $(this).val();
  window.open(newLink);
  });
});