Question

我有一个无序列表，正在使用jQuery转换为选择列表。我正在使用的代码粘贴在下面：

$("<select />").appendTo(".region .links");
// Create default option "Go to..."
$("<option />", {
    "selected": "selected",
        "value": "",
        "text": "Links"
}).appendTo(".links select");
$(".links .menu li a").each(function () {
    var el = $(this);
    $("<option />", {
        "value": el.attr("href"),
            "text": el.text()
    }).appendTo(".region select");
});
$(".region select").change(function () {
    window.location = $(this).find("option:selected").val();
});

此代码然后生成以下内容：

<select>
<option selected="selected" value="">Links</option>
<option value="http://www.linkvalue.com">Link1</option>
<option value="http://www.linkvalue2.com">Link2</option>
</select>

我需要更改javascript，以便在新窗口中打开所有链接。我该怎么做呢？

Answer 1

尝试

$(".region select").change(function () {
    window.open(
        this.value,
        '_blank' // <- This is what makes it open in a new window.
     );
});

Answer 2

更改window.location：

window.open(
    $(this).find("option:selected").val(),
    '_blank'
);

我没有测试过，从这个问题中得到答案：JavaScript: location.href to open in new window/tab?

Answer 3

你应该使用

window.open('url', 'window name', 'window settings');

而不是

window.location

指的是当前窗口

在新窗口中打开选择链接

3 个答案: