Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 返回时,如何获取上一个输入值_Javascript_Html - Fatal编程技术网

Javascript 返回时,如何获取上一个输入值

Javascript 返回时,如何获取上一个输入值,javascript,html,Javascript,Html,这是我的html主体代码 <body> <input id="search" name="search" type="text" oninput="change()"> <input type="text" id="test" style="display: none;"> <input type="bu

这是我的html主体代码

<body>

<input id="search" name="search" type="text" oninput="change()">
<input type="text" id="test" style="display: none;">
<input type="button" onclick="print()" value="submit">
<a href="http://naver.com">naver</a>

<script>
    $(document).ready(function(){
        console.log('ready finished');
    });

    window.onload = function() {
        console.log('load finsihed');
        console.log('#search:::', document.getElementById("search").value);
        print();
    };
    function change() {
        $("#test").val($('#search').val())
        console.log('change:::::::::', $('#search').val())
    }

    function print() {
        console.log('test::::', $('#search').val());
    }
</script>
</body>

$(文档).ready(函数(){
console.log('ready finished');
});
window.onload=函数(){
console.log('load finsihed');
console.log(“#search::”,document.getElementById(“search”).value);
打印();
};
函数更改(){
$(“#测试”).val($(“#搜索”).val())
log('change:change:',$('#search').val())
}
函数打印(){
log('test::',$('#search').val());
}
当我从naver链接页面返回html页面时,#search输入标记的值被保留。 但是console.log说它是空的。 所以我尝试调试,当
window.onload
事件继续时,它是空的 我想在用户返回时获取我的#搜索输入值

我的控制台

您可以使用onkeydown=''并在每次输入搜索值时执行一个函数 然后更新该函数中锚标记的href属性

<input id="search" name="search" type="text" oninput="change()">
<input type="text" id="test" style="display: none;">
<input type="button" onclick="print()" value="submit">
<a href="http://naver.com">naver</a>

<script>
   function change() {
      var text = $('#search').val();
      var new_search_val = 'http://naver.com?search_val='+text;
      $('#search_link_upd').attr('href', new_search_val);
   }
</script>

函数更改(){
var text=$(“#搜索”).val();
var new_search_val='1http://naver.com?search_val=“+文本;
$('search\u link\u upd').attr('href',new\u search\u val);
}
然后,您可以使用此页面中的此方法在下一页中获取搜索值:

使用本地存储来保留值。您是否尝试将
print()
放入
$(文档)中。准备好(
函数?尝试几次后,我发现
设置超时(打印,0);
是我能找到的唯一获取值的方法。在
DOMContentLoaded
事件发生后,我尝试将print()放入ready函数,但ready被称为earlear而不是load…本地存储…可能很好…但我需要获取许多输入标记的值!!