我正在制作一个简单的web应用程序,在表单标签中的第一页中有下拉列表。现在,当我更改下拉列表中的值时,将提交表单。在onchange上,我调用了创建所选索引的查询字符串自定义JS函数。现在,我希望下拉列表保持其状态;在提交后保留最后选定的值。
,我该怎么做?
发布于 2009-10-18 14:49:09
getQueryValue函数有一点未优化,使用正则表达式匹配来获得值可能会更好,但我只是像这样键入它,这样您就可以看到它在做什么。
<html>
<head>
<script type="text/javascript">
function setSelections()
{
document.myForm.mySelect.value = getQueryValue("mySelect");
};
function getQueryValue(key)
{
var queryString = window.location.search.substring(1);
var queryParams = queryString.split("&");
for(var i = 0; i < queryParams.length; i++)
{
if(queryParams[i].indexOf("=") > 0)
{
var keyValue = queryParams[i].split("=");
if(keyValue[0] == key)
{
return keyValue[1];
}
}
}
return null;
}
</script>
</head>
<body onload="setSelections();">
<form name="myForm" action="" method="get">
<select id="mySelect" name="mySelect" onchange="document.myForm.submit();">
<option value="Opt1">Option 1</option>
<option value="Opt2">Option 2</option>
<option value="Opt3">Option 3</option>
<option value="Opt4">Option 4</option>
</select>
</form>
</body>
</html>发布于 2009-10-16 07:08:57
将具有任意(例如空白)值的选定属性添加到要保留选定的属性。
发布于 2009-10-16 16:14:13
您可以将一个隐藏的表单变量传递到下一个发布页面。使用简单的Javascript函数循环遍历选择下拉列表的选项,如果其中任何选项与隐藏值匹配,则设置其selected sttribute。
https://stackoverflow.com/questions/1576547
复制相似问题