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>

ドロップダウン値を永続的に設定したい.最初に「ジェイ」を選択した場合、この値を非表示フィールドに保存し、次にページが読み込まれたときにこの非表示フィールドから取得したい.

4

3 に答える 3

0

ローカル ストレージは Cookie よりも簡単です。オブジェクト/配列と同じように機能します。例えば：

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

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

JavaScript を使用して、Cookie に値を設定したり、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

選択のためにこれを試してください：ページを更新した後でも、選択した値を取得します

            <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 に答える