Javascript - 将变量添加到表单中提交

我有一点javascript可以找到一个现有的id并用表单替换它。Javascript - 将变量添加到表单中提交

在该表单中，我希望能够将JavaScript变量添加到提交网址。我不确定这是可能的，或者我只是错误地实施它。

$(document).ready(function() { 
    $("#FB_cs_redirectTextBox") 
    .replaceWith('<form class="cf" action="http://test.com/s/search.html?profile=_default&collection=general + document.getElementById(' + item-select + ').value" method="get">' + 
       '<input type="search" placeholder="Search for stuff" name="search" class="searchbox-input" required="">' + 
      '<select name="item-select" id="item-select" required="">' + 
       '<option value="" selected="selected">Item type...</option>' + 
       '<option value="level">item 1</option>' + 
       '<option value="taste">item 2</option>' + 
       '<option value="location">item 3</option>' + 
       '<option value="month">item 4</option>' + 
       '</select>' + 
      '<button type="submit" class="btn btn--green searchbox-submit">' + 
        'Search for items' + 
       '</button>' + 
      '</form>'); 


});

所以这是我的问题我行认为：

action="http://test.com/s/search.html?profile=_default&collection=general + document.getElementById(' + item-select + ').value"

我也想知道，如果这是可能的，我怎么也选择的值添加到URL操作。我是否会通过将相同的ID应用于所有选项然后调用该ID名称上的document.getElementById来执行此操作？

所有帮助非常感谢！

来源

2015-06-18 hlh3406

可能重复：http://stackoverflow.com/questions/993834/adding- post-parameters-before-submit – Vikash

“action”的期望网址之一是什么？就像'http：//test.com/s/search.html？profile = _default＆collection = generallevel'？ – Xufox

哎呦错过了一点，它应该是：http://test.com/s/search.html?profile=_default&collection=general&search=然后在这里修改的变量 – hlh3406

让表单名称，然后：

document.form_name.action = 'http://test.com/s/search.html?profile=_default&collection=general' + document.getElementById(' + item-select + ').value;

确保您的DOM加载后做到这一点，否则将无法正常工作。

来源

2015-06-18 14:30:54 idoberko2

名称不是主要问题。你还改变了'document.getElementById'的字符串连接，对吧？这是真正的问题。 – Xufox

这将我的问题排序 - 感谢您的帮助！ – hlh3406

不客气！请标记为已接受... – idoberko2

更换你
这

action="http://test.com/s/search.html?profile=_default&collection=general + document.getElementById(' + item-select + ').value"

随着

action="http://test.com/s/search.html?profile=_default&collection=general + document.getElementById(item-select).value"

你需要把'和+仅当 '项，选择' 是一个变量，但它不是，它的ID，所以删除'和+标记。代码工作

来源

2015-06-18 14:36:32

更改此

'<form class="cf" action="http://test.com/s/search.html?profile=_default&collection=general + document.getElementById(' + item-select + ').value" method="get">'

这个

'<form class="cf" action="http://test.com/s/search.html?profile=_default&collection=general&search=' + document.getElementById('item-select').value + '" method="get">'

那么JavaScript语法是正确的一次。

这些都是预期网址action：

http://test.com/s/search.html?profile=_default&collection=general&search=level
http://test.com/s/search.html?profile=_default&collection=general&search=taste
http://test.com/s/search.html?profile=_default&collection=general&search=location
http://test.com/s/search.html?profile=_default&collection=general&search=month

来源

2015-06-18 14:38:28 Xufox

Javascript - 将变量添加到表单中提交

回答

相关问题