Question

尝试根据在不同页面上单击的锚点更改所选选项。锚的示例：

<a href="booking.html?selected=one">Book Now</a>

选择：

<select name="package">
    <option id="one" value="sOne">Single Game</option>
    (5 more options)
</select>

我目前在我的代码中有以下js：

function selectPack() {
    var queryString = getQueryStrings();
    var select = $('package')[0];
    console.dir(select);
    select.selectedIndex = queryString["selected"];
}
window.onload = selectPack;

我尝试了另一种方法但是没有用，我不知道我哪里出错了。

Answer 1

您应该通过说$('select[name="package"]')来引用选择。现在它正在寻找一个名为<package>的元素，它不存在。

Answer 2

var qs = 'ID' ID是您要选择的ID的查询字符串，该字符串必须存在于选择列表中。

$('select[name="package"] option[id="'+qs+'"]').attr("selected","selected");

编辑：更完整的例子：

HTML：

<a href="booking.html?selected=one">Book Now</a>

jQuery的：

var qs = window.location.href;
var q = qs.split('?selected=')[1];

$('select[name="package"] option[id="'+q+'"]').attr("selected","selected");

js使用查询字符串来更改所选选项

2 个答案: