首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何保持一个持久的下降状态?

问如何保持一个持久的下降状态?
EN

Stack Overflow用户
提问于 2009-10-16 07:02:52
回答 3查看 5.5K关注 0票数 3

我正在制作一个简单的web应用程序,在表单标签中的第一页中有下拉列表。现在,当我更改下拉列表中的值时,将提交表单。在onchange上,我调用了创建所选索引的查询字符串自定义JS函数。现在,我希望下拉列表保持其状态;在提交后保留最后选定的值。

,我该怎么做?

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2009-10-18 14:49:09

getQueryValue函数有一点未优化,使用正则表达式匹配来获得值可能会更好,但我只是像这样键入它,这样您就可以看到它在做什么。

代码语言:javascript
复制
<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>
票数 2
EN

Stack Overflow用户

发布于 2009-10-16 07:08:57

将具有任意(例如空白)值的选定属性添加到要保留选定的属性。

票数 3
EN

Stack Overflow用户

发布于 2009-10-16 16:14:13

您可以将一个隐藏的表单变量传递到下一个发布页面。使用简单的Javascript函数循环遍历选择下拉列表的选项,如果其中任何选项与隐藏值匹配,则设置其selected sttribute。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1576547

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档