【问题标题】:Append get variables to url after form submit without new hidden input在表单提交后将获取变量附加到 url,而无需新的隐藏输入
【发布时间】:2016-01-25 16:17:32
【问题描述】:

我有隐藏的输入值

<input type="hidden" id="as-values-flexmls_connect480723641" class="as-values" value="&amp;MLSAreaMinor=13%20-%20Beachside%26%2344%3B%20N%20of%20Dunlawton%20%26%20S%20Silver,&amp;City=Astor,">

单击表单提交后如何在 URL 上附加值

所以我当前的 URL http://mysite/advanced-search/ 然后点击 &lt;form method="get"&gt; 上的提交后会获取我的所有变量然后附加该变量

http://mysite/search/?multiple_get=sdasd&amp;amp;MLSAreaMinor=13%20-%20Beachside%26%2344%3B%20N%20of%20Dunlawton%20%26%20S%20Silver,&amp;amp;City=Astor,

怎么做?我不需要创建新的输入隐藏因为这只是创建此输入的插件...

我已经有这个脚本,它从 get 中删除空变量并仅在 url 上显示,而不是仅空变量。

function removeEmptyGetVariables()
{
    var myForm = document.getElementById('form-id');
    var allInputs = myForm.getElementsByTagName('input');
    var input, i;

    for(i = 0; input = allInputs[i]; i++) {
        if(input.getAttribute('name') && !input.value) {
            input.setAttribute('name', '');
        }
    }
}

【问题讨论】:

  • @mikeyq6 也许有 jquery 脚本....
  • 我也没有在问题中看到任何 PHP 代码。你的问题也有点不清楚。您的removeEmptyGetVariables()-函数何时被调用?当您循环访问 input 变量时,您会如何处理它?您需要展示整个流程,我们才能为您提供帮助。

标签: javascript php html forms


【解决方案1】:

您可以将变量附加到您的端点,然后像这样提交表单:

例子:

http://js.do/alvaropaco/append-get-variables-to-url-after-form-submit-without-new-hidden-input

【讨论】:

    【解决方案2】:

    可以使用document.ready函数自动更新action值,

    $(document).ready(function() {
     // Add a hidden value to the form action
    var action = $("#my_form").attr("action"),
    append = $("input[name=my_input_name]").attr("value");
    
    $("#my_form").attr("action", action + append);
    });
    

    为您的隐藏输入字段添加名称,

    <form action="" name="my_form">
    <input name="my_input_name" type="hidden" id="as-values- flexmls_connect480723641" class="as-values" value="&amp;MLSAreaMinor=13%20-%20Beachside%26%2344%3B%20N%20of%20Dunlawton%20%26%20S%20Silver,&amp;City=Astor,">
    </form>
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-02-23
      • 2014-05-31
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多