超链接的构造

Question

<form id="pagerForm" method="post" action="pro.asp" ><!--隐藏的form，参数在这里可以传递-->
<input type="hidden" name="key_pro" value="asa" />
<input type="hidden" name="dw" value="leel"/>
<input type="hidden" name="ClassID" value="1211"/>
....
</form>
<a href="pro.asp?id=111">修改信息</a>
点击一个连接同时将表单的参数一起发出去，最后形成
<a href="pro.asp?id=111&key_pro=asa&dw=leel&ClassID=1211">
修改信息</a>的连接，可以做到吗？
也就是自动获得表单里的对应信息加载到当前地址里一起发送

Answer 1

<a href="pro.asp?id=111" onclick="changeHref(this)">修改信息</a>
<script>
function changeHref(o){
o.href='index.htm?id=111&key_pro='+document.pagerForm.key_pro.value
+'&dw='+document.pagerForm.dw.value
+'&ClassID='+document.pagerForm.ClassID.value;
}
</script>

Answer 2

<a href="pro.asp?id=111" onclick="changeHref(this)">修改信息</a>
<script>
function changeHref(o){
o.href='index.htm?id=111&key_pro='+document.pagerForm.key_pro.value
+'&dw='+document.pagerForm.dw.value
+'&ClassID='+document.pagerForm.ClassID.value;
}
</script>

Answer 3

谢谢 如果这个ID是变化的，怎么在changeHref函数中传递呢?

Answer 4

<script>
    function changeHref(id){
        o.href='index.htm?id='+id+'&key_pro='+document.pagerForm.key_pro.value
            +'&dw='+document.pagerForm.dw.value
            +'&ClassID='+document.pagerForm.ClassID.value;
    }
</script>
这样写可以吗

Answer 5

这样就可以了
<a href="pro.asp?id=111" onclick="changeHref(this,111)">修改信息</a>
<script>
function changeHref(o,id){
o.href='index.htm?id='+id+'&key_pro='+document.pagerForm.key_pro.value
+'&dw='+document.pagerForm.dw.value
+'&ClassID='+document.pagerForm.ClassID.value;
}
</script>