使用预先选择的选项链接打开新页面(下拉列表)

时间:2014-03-29 15:58:27

标签: jquery select hyperlink

我有一个简单的问题,谷歌无法回答我。也许我没有为谷歌找到合适的关键词。

我在“index.html”上,有一个像“Here”这样的简单链接。单击此链接会将我带到例如“contact.html”。链接是否也可以从选择下拉列表中预选某个选项?

例如:我点击链接,此链接将我带到contact.html并预选“反馈”选项。

<select name="subject">
<option value="question">Question</option>
<option value="feedback">Feedback</option>
<option value="product">Product</option>
</select>

来自波兰的问候,对不起我的英语;)

1 个答案:

答案 0 :(得分:2)

你可以这样做:

<select name="subject">
<option value="question">Question</option>
<option value="feedback" selected="selected">Feedback</option>
<option value="product">Product</option>
</select>

像这样建立链接:

<a href="contact.html?pre=1">here</a>

在contact.html页面

上使用此功能
function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

并使用如下:

$(document).ready(function(){

var preSelected = getParameterByName("pre");

if(preSelected == "1")
{

$('select[name="Subject"]').val("feedback");

}
});