從Java腳本構造GET網址並提交

Question

在我的表單中單擊搜索按鈕時，我想設置一些參數以發送並提交。

下面是我的JavaScript

function validateSubmitSearch(form) {   
  if(form.elements["iAccept"].checked == true) {
    form.query.value=form.search_query.value;
    form.action = "vendor/search";
    form.method = "GET";
    form.submit();
  }
}

此javascript返回的URL為http：// localhost：8080 / Project / vendor / search？query = xxx＆search_query = xxx＆search = Search

相反，我需要它作為http：// localhost：8080 / Project / vendor / search？query = xxx

如何做到這一點？

編輯：

我無法刪除表單元素search_query和search

這是HTML代碼

<form class="searchform" onSubmit="validateSubmitSearch(this)">
  <input name="query" type="hidden" />
  <input name="search_query" class="textbox" type="text" />
  <input type="checkbox" id="iAccept" name="iAccept" value="I ACCEPT">
  <input name="search" class="button" value="Search" type="submit" /></td>
</form>

Answer 1

當您使用`method =“ GET”提交表單時，表單中的所有輸入字段都將作為URL參數包含在內。 如果您希望其中一些被忽略，則需要從表單中刪除這些輸入。

function validateSubmitSearch(form){

    if(form.elements["iAccept"].checked == true)
        {
            form.query.value=form.search_query.value;
            form.action = "vendor/search";
            form.method = "GET";
            form.seach_query.parentNode.removeChild(form.search_query);
            form.search.parentNode.removeChild(form.search);
            form.submit();
        }
    }
}

另外，您應該通過從onsubmit代碼返回false來禁用默認的表單提交。

<form class="searchform" onsubmit="validateSubmitSearch(this); return false;">