Question

我在更改事件上有一个选项框，如果我更改了选项后，它执行了一些代码并使其正常工作。

我的问题是，如果刷新页面，刷新页面后也会选择我在刷新页面之前选择的值，但是我无法在刷新页面之后运行代码或者没有更改选项。

当我刷新页面时，我希望得到答案，我希望每次都能运行该功能和代码，而不必在刷新页面后更改选项。

jQuery('#input_29_32').on('change', function(e){
    //running some code and function
    alert("example");
    employer();
});

Answer 1

将所选值存储在localStorge或cookie读取页面加载

中

$(document).ready(function() {
    jQuery('#input_29_32').on('change', function(e) {
        //Store value
        localStorage.setItem('inputValue', this.value);
        //Rest of your code
    });

    //If data exists
    if (localStorage.getItem('inputValue')) {
        jQuery('#input_29_32')
            .val(localStorage.getItem('inputValue')) //set value
            .trigger('change'); //trigger change event
    }
});

Answer 2

只需在准备好文档上运行您的代码。

jQuery(function () {
    alert("example");
    employer();

    jQuery('#input_29_32').on('change', function(e){
        alert("example");
        employer();
    });
});

Answer 3

只需在

中输入相同的代码即可

    $(document).ready(function(){
        // grab the selected value from option and fire your function
        alert('example');
        employer();
    })

Answer 4

我的建议如下：

function itemChanged() {

// you might want to check here that item has actually changed here... 
   alert("example");
    employer();
}

$('#input_29_32').on('change',itemChanged);

在文档加载时也调用相同的itemChanged事件。

$(function(){
   itemChanged();
});

Answer 5

如果您希望在页面刷新时运行相同的代码，也可以在文档就绪事件中添加相同的代码以及更改事件。

jQuery(document).ready(function(){
    alert("example");
    employer();
});

页面刷新后选择选项调用功能

5 个答案: