在＜script＞中利用window.location.href=‘‘传递多个参数方法

酷兵

于 2024-02-22 11:10:59 发布

阅读量1.1k

点赞数 6

文章标签： javascript 前端 html java

本文链接：https://blog.csdn.net/zhanglibing_1408/article/details/136227922

版权

本文介绍了如何使用JavaScript通过`window.location.href`向目标URL传递多个变量参数，同时提到通过`getElementById`获取元素值时如何隐藏`<input>`标签以避免显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、可以通过window.location.href=''传递多个变量参数

<script>
            function submit() {
                /*根据id获取元素值再定义变量获取值*/
                var textValue=document.getElementById("btn").value;
                var type_id=document.getElementById("type_id1").value;
                /*使用下面的方法进行页面跳转，页面跳转的时候可以带参数，所以就可以提交数据*/
                /*这里的地址可以是任意的地址，包括提交路径等！*/
                window.location.href='${ctx}/admin/type?action=update&name='+textValue+'&id='+type_id;
            }
        </script>

二、在通过getElementById获取元素值时，如果想获取元素而不显示标签时，可以通过添加<input value=''>标签，而不让input标签显示，通过<input>标签的display：none属性设置

<input id="type_id1" style="display: none" value="${g.id}">