gpt4 book ai didi

jquery - 如何创建指向下拉菜单中具有预选选项的页面的超链接?

转载 作者:搜寻专家 更新时间:2023-10-31 22:28:56 24 4
gpt4 key购买 nike

我想澄清一下,我不是在寻找一种在下拉菜单选项中创建超链接的方法。我正在寻找一种方法来超链接到外部页面下拉菜单中的其中一个选项。

例如以下场景,页面A和页面B上有一个带有X个选项的下拉菜单。

页面 A 提供了一个指向页面 B 的链接,但是一旦您点击并登陆页面 B,就会预先选择一个选项。

它基本上是一个 anchor 链接,但我希望它用作外部链接。

Page A: It provides a link to Page B with "Option two" pre-selected

Page B:

<select>
<option id="one">Option one</option>
<option id="two">Option two</option>
<option id="three">Option three</option>
</select>

我相信这可以用 jQuery 来完成,或者有人告诉我。

更新:我错误地使用了 <ul></ul> , <li></li>当我的意思是<select></select> , <option></option>

最佳答案

不需要服务器工作

Page1.html

<html>
<body>
<a href="Page2.html?select=one">Select One</a>
<a href="Page2.html?select=two">Select Two</a>
<a href="Page2.html?select=three">Select Three</a>
</html>
</body>

Page2.html

<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function() {
var select = GetUrlParameter("select");
$("#" + select).attr("selected", "");
});

function GetUrlParameter(name) {
var value;
$.each(window.location.search.slice(1).split("&"), function (i, kvp) {
var values = kvp.split("=");
if (name === values[0]) {
value = values[1] ? values[1] : values[0];
return false;
}
});
return value;
}
</script>

</head>
<body>
<select id="select">
<option id="one">One</option>
<option id="two">Two</option>
<option id="three">Three</option>
</select>

</body>
</html>

关于jquery - 如何创建指向下拉菜单中具有预选选项的页面的超链接?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25207583/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com