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

时间:2013-07-23 15:11:35

标签: 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 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,然后应该根据变量返回结果。 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"},

上面是脚本的一部分,其中一个值将

任何帮助apciated p.s.完全新手,所以慢慢来吧

2 个答案:

答案 0 :(得分:0)

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

这是一种不同的呈现方式:

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

然后您可以在代码中使用它们。例如,最低价格为filterOptions.MinPrice

答案 1 :(得分:0)

要从MinPrice输入文本中检索内容,请执行以下操作:

var minPrice = document.getElementById('MinPrice').value;

或更简单地使用jquery:

var minPrice = $('#MinPrice').val();

关于你建立阵列的方式,对我来说没有多大意义:

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

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