时间戳

首页 > 解决方案 > 在 url 中隐藏选中的无线电输入值（get 方法）

javascript - 在 url 中隐藏选中的无线电输入值（get 方法）

问题描述

如果在使用 GET 方法提交表单后我的 url 看起来像这样

website.com/page.html?radioVar=1&hiddenVar=12

有没有办法“隐藏”并radioVar=1保留hiddenVar=12？

所以基本上只有 URL 看起来像website.com/page.html?hiddenVar=2知道 hiddenVar 是 radioVar 和另一个变量的数组。

标签： javascripthtml

解决方案

您应该通过 javascript 或 jQuery 手动提交。你应该使用 POST 方法。我会用 jQuery 来做。

在 html 中为提交按钮设置一个 id，如下所示：

<input type="submit" value="Submit" id="btnSubmit">

或者

<button type="submit" value="Submit" id="btnSubmit">Submit</button>

然后在脚本标签中：

<script>
    $(document).ready(function(){
        $('#btnSubmit').on('click',function(e){
            //cancel the submit button default event first
            e.preventDefault();

            //Then prepare your form data manually
            var formData = new FormData();
            formData.append("hiddenVar", $('#hidden-element-id').val());

            //Then Submit formData by jQuery Post Method
            $.post('proper/url', formData, function(result){
                alert(result);
            });

        });
    });
</script>

推荐阅读