组合2个表单域以进行范围搜索

时间:2013-12-14 22:08:23

标签: javascript forms

我一直在尝试找到一种组合2个表单字段的方法来创建第3个隐藏字段,以便作为数值范围搜索提交。我发现了很多使用javascript组合文本字段的例子但是无法使它们工作,我会非常感谢任何关于我出错的地方或者有一个简单的方法来做这个。

到目前为止,我所拥有的是

在头部

<script type="text/javascript">
  function combprice() {
    var lowprice = document.forms[0].lowprice.value;
    var highprice = document.forms[0].highprice.value;
    document.forms[0].price.value = lowprice + " " + highprice;
  }
</script>

然后是表格

<FORM ACTION="cgi-bin/sales.cgi" METHOD="POST" name="search" id="search"><table width="220" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <td width="91"  height="30"><div align="right">Make <span class="style4">:</span> </div></td>
    <td width="129">

      <div align="left">
        <input name="Make" type="text" size="13" />
      </div></td></tr>
  <tr>
    <td  height="30"><div align="right">Model  </div></td>
    <td>

      <div align="left">
        <input name="Model" type=text size="13" />
      </div></td></tr>

  <tr>
    <td  height="30"><div align="right">Min Price <span class="style4">:</span> </div></td>
    <td>

      <div align="left">
        <input id="lowprice" name="lowprice" type="text" size="13" maxlength="13" />
      </div></td></tr>
  <tr>
    <td  height="30"><div align="right">Max Price <span class="style4">:</span> </div></td>
    <td>

      <div align="left">
        <input id="highprice" name="highprice" type="text" size="13" maxlength="13" />
      </div></td></tr>
  <tr>
    <td colspan="2"><table width="220" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td  height="30"><div align="right">Price:</div></td>
        <td><input name="Price" type="text" id="Price" size="13" maxlength="13"></td>
      </tr>
      <tr>
        <td width="90"  height="30">&nbsp;</td>
        <td width="130"><div align="center"><input name="Submit" type="submit" id="OnSubmit" value="Search" onclick="combprice()">

        </div></td>
      </tr>
    </table></td>
  </tr>
</table>
</form>

这些字段都不是必填字段。

我知道上面的内容不包括&lt; =或=&gt;元素,我只是没有成功到那么远。 提前致谢

                Leo 

1 个答案:

答案 0 :(得分:0)

name="Price"document.forms[0].price

之间的案例不匹配

匹配时工作正常

DEMO