使用javascript导航到其他页面后调整HTML表单值

时间:2013-12-07 20:55:29

标签: javascript jquery html

function adjustform(){
            window.location = 'pagewithforms.html';
            ddl = document.getElementById("test");
            ddl.value = 3; 
            }

到目前为止,这是我的代码,我基本上想要一个onClick函数来更改另一个页面上下拉列表的值。下面是我的HTML。

<a href="#" onClick="adjustform()">
      <p>click this link to go to 'pagewithforms.html' and change the dropdown with id 'test' to value 3</a>

然而,在window.location在函数中运行之后,脚本似乎停止了,并且一旦重新定位就不会更改表单的值。有什么建议吗?

2 个答案:

答案 0 :(得分:1)

一旦你更改了windows位置,浏览器会加载一个新页面,旧页面上的所有javascript都会丢失,因为浏览器环境中的javascript没有状态概念,它会在每个页面加载时重新开始。

答案 1 :(得分:0)

这是正常的,你正在更换页面,因此旧的页面和脚本不再存在:

但是你可以使用jQuery来解决你的问题:

$.load('pagewithforms.html', function () {
    $('#test').val(3);
}

这将加载您的页面,回调会将元素'test'的值设置为3。