Question

我有一个HTML select元素，其中包含一个在页面加载时具有display:none属性的选定值。单击按钮时，显示变为block。选择列表是可编辑的。

在此阶段，如果用户更改了所选值，然后想要将其重置为原始值。无论如何我能做到吗？

解决方案我想到了：

单击该按钮时，我可以使用selectedValue=$(#id).val()获取最初选择的值。取消后，我可以使用此选定值来设置$(#id).val(selectedValue) 但它不起作用，因为我没有存储selectedValue。

有没有办法让这项工作？这有一些优雅的解决方案吗？

Answer 1

基本上，为了使这项工作，您必须将此值存储在某处。可以在变量中，在隐藏中，或者您可以使用.data()，如评论中所指出的那样。

在页面加载中，存储值。点击按钮，你就可以了。

$(document).ready(function() {
    $('#slt').data("originalValue", $('#slt').val());

    $('#reset').on('click', function() {
        $('#slt').val($('#slt').data("originalValue"));
    });
});

JSFiddle：http://jsfiddle.net/kf3vtzxh/1/

希望它有所帮助！

Answer 2

你可以使用

<input type="hidden" id="tempval">

并在页面加载期间将值设置为默认值，这样您就可以比较并重置它

喜欢$("#tempval").val()无论......

使用jquery重置下拉列表中的选定内容

2 个答案: