如何在重新加载页面后保留下拉列表值?

时间:2015-05-18 06:39:18

标签: javascript jquery

如何在重新加载页面后保留下拉列表值?表单在我提交并验证错误后重新加载。现在我只想在表单出错后保留下拉值。

window

3 个答案:

答案 0 :(得分:1)

您可以使用localStorage存储所选值:

$('#mod_simpleemailform_field1_1').on('change', function() {
    // Save value in localstorage
    localStorage.setItem("mod_simpleemailform_field1_1", $(this).val());
});

在页面刷新时,从localStorage获取值并设置为select

$(document).ready(function() {
    if ($('#mod_simpleemailform_field1_1').length) {
        $('#mod_simpleemailform_field1_1').val(localStorage.getItem("mod_simpleemailform_field1_1"));
    }
});
并非所有浏览器都支持

localStorage。您可以shims使用cookie或后退到while ($fetch = mysql_fetch_array($selectImgResult)) { ?> <div class="col-md-2 thumbnail"> <span style="color:slateblue;"> <?php echo $fetch['CreateDate']; ?> </span> <a href="ProfilePic\<?php echo $fetch['ImageUrl'];?>" data-lightbox="images"> <img src="ProfilePic\<?php echo $fetch['ImageUrl']; ?>" alt="<?php echo $fetch['ImageUrl']; ?>" style="height: 178px;" /> </a> </div> <?php }

答案 1 :(得分:0)

您可以使用本地存储空间

// set value of dropdown into local storage
localStorage.setItem("StorageName", "DropDownValue"); 

// retrieve value from local storage
var ddlValue = localStorage.getItem("StorageName");

答案 2 :(得分:0)

可以通过PHP实现错误def A_function (x): x = x + 2 return x print A_function (2) 元素没有值属性:

首先删除value属性:

select

并在<select name="mod_simpleemailform_field1_1" id="mod_simpleemailform_field1_1" class="mod_sef_input_select select" value="<?php echo $day; ?>"> 代码上使用selected属性。

option