1

这是我的 HTML 代码

<input type="hidden" name="hdnAssignto" id="hdnAssignto" />
<table align="center" width="90%">
  <tr>
    <td>Assign to 
     <select name="Assign_to" id="assign_to" onchange="newQueryAssignTo(this.value)">
        <option value="tom">Tom</option>
        <option value="jay">Jay</option>
        <option value="jack">Jack</option>         
     </select></td>    
  </tr>
</table>

Javascript代码

<script type="text/javascript">
      alert(document.getElementById('hdnAssignto').value);
      var selAssignTo = document.getElementById('assign_to');
    selAssignTo.value = document.getElementById('hdnAssignto');
function newQueryAssignTo(userName)
{
    document.getElementById('hdnAssignto').value = userName;    
}
</script>

我想永久设置下拉值。第一次如果我选择“Jay”,我会将这个值存储到隐藏字段中,下次页面加载时它想从这个隐藏字段中获取。

4

3 回答 3

0

您可以使用 javascript 在 cookie 中设置和获取值。

function setCookie(c_name,value,exdays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;
}

function getCookie(c_name)
{
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++)
{
x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
x=x.replace(/^\s+|\s+$/g,"");
if (x==c_name)
{
return unescape(y);
}
}
于 2013-01-17T07:14:51.343 回答
0

本地存储甚至比 cookie 更容易——它就像一个对象/数组一样工作。例如:

function newQueryAssignTo(userName)
{
    if(! localStorage["userName"]){
        localStorage["userName"] = userName;
    }

    document.getElementById('hdnAssignto').value = localStorage["userName"];    
}
于 2013-01-17T07:47:37.627 回答
0

试试这个为你的选择:即使在刷新页面后你也会得到选择的值

            <html>
            <head>
                <title></title>
            <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
                <script>
            $(function() {
                if (localStorage.getItem('form_frame')) {
                    $("#form_frame option").eq(localStorage.getItem('form_frame')).prop('selected', true);
                }

                $("#form_frame").on('change', function() {
                    localStorage.setItem('form_frame', $('option:selected', this).index());
                });
            });
                </script>
            </head>
            <body>
            <select id="form_frame" name="frame" onchange="getData(this);"/>
               <option value="data1" selected="selected">Data 1</option>
               <option value="data2">Data 2</option>
            </select>

            </body>
            </html>
于 2013-01-17T07:35:27.847 回答