尝试将html表单中的变量值添加到javascript中

尝试将html表单中的变量值添加到javascript中,javascript,html,forms,Javascript,Html,Forms,我在下面设置了一个表单,它有两个输入关键字和最小价格 <form name="Data" method="GET" action="#"> <table cellpadding="2" border="0"> <tr> <th>Keywords</th> <th>Min Price</th> </tr> <tr> <td><input

我在下面设置了一个表单,它有两个输入关键字和最小价格

<form name="Data" method="GET" action="#">
<table cellpadding="2" border="0">
  <tr>
    <th>Keywords</th>
    <th>Min Price</th>
  </tr>
  <tr>
    <td><input type="text" name="keywords" id="keywords"/></td>

    <td><input type="text" name="MinPrice" id="MinPrice"/></td>

  </tr>
  <tr>
    <td colspan="2" align="center"><INPUT type="submit" name="submit" value="Search">
    </td>
  </tr>
</table>
</form>

关键词
最低价格
然后,所获得的结果需要进入一个javascript,该javascript应基于变量返回结果。JS在没有变量的情况下工作,即只是将它们放入代码中,但我不知道如何引用上面的表单,然后提交整个代码

      html.push('</tbody></table>');
  document.getElementById("results").innerHTML = html.join("");
}  
var filterarray = [
  {"name":"MaxPrice",
   "value":"1000",
    "name":"MinPrice",
   "value":Variable here!!,
   "paramName":"Currency",
   "paramValue":"GBP"},
html.push(“”);
document.getElementById(“结果”).innerHTML=html.join(“”);
}  
变量过滤器阵列=[
{“名称”:“MaxPrice”,
“值”:“1000”,
“名称”:“MinPrice”,
“value”:这里是变量!!,
“参数名称”:“货币”,
“参数值”:“GBP”},
上面是脚本的一部分,其中一个值将出现在脚本中


任何帮助都是专业的新手,所以请慢慢来

您的选项列表不正确,有几个属性具有相同的名称

以下是一种不同的表达方式:

var maxPrice = document.getElementById('MaxPrice').value;
var minPrice = document.getElementById('MinPrice').value;
var filterOptions = {
    "MaxPrice": maxPrice,
    "MinPrice": minPrice,
    "paramName":"Currency",
    "paramValue":"GBP"
};

然后,您可以在代码中使用它们。例如,最低价格将是
过滤器选项。最低价格要从最低价格输入文本中检索内容,只需执行以下操作:

var minPrice = document.getElementById('MinPrice').value;
或者更简单地使用jquery:

var minPrice = $('#MinPrice').val();
至于你构建阵列的方式,taht对我来说没有多大意义:

var filterarray = [
  {"name":"MaxPrice",
   "value":"1000",
    "name":"MinPrice",
   "value":Variable here!!,
   "paramName":"Currency",
   "paramValue":"GBP"},
...

这里,您正在构建一个多次包含相同字段(名称和值)的对象数组。这对我来说没有多大意义。您可能应该重新考虑试图填充数组的文本对象的结构。

此结果来自何处?隐藏的输入字段?
document.getElementById('MinPrice')).value
?结果来自顶部表单,提交时会激活js查询。另一种方式是API如何请求发送结果,这也不是work@JamesAllen要获得进一步的帮助,您需要更加具体—例如,显示您尝试过的代码。