将2个输入表单字段条目作为一个值发送

时间:2014-09-25 13:03:46

标签: html

我在为帖子数据发送范围时遇到问题。

我想"价格"发布为:... price = value1:value2

我正在使用文字输入字段。

然而,我不知道如何获得" value2"在帖子中如上所示。

这就是我现在所拥有的:

 <input id="price1" type="number" name="price" value="200000" />

 <input id="price2" type="number" name="max" value="12000000" />

目前,这将发布为价格= 200000&amp; max = 12000000

最好的方法是什么?

感谢。

2 个答案:

答案 0 :(得分:1)

以下是使用javascript更新第3个字段的值的示例。可能隐藏哪个不能更改您当前的UI。

http://codepen.io/justindunham/pen/BADpf

var updatePrice = function() {      
  var range = document.getElementById('priceRange');
  var low = document.getElementById('price1');
  var high = document.getElementById('price2');
  range.value = low.value + ":" + high.value;      
};

答案 1 :(得分:0)

你不能,如果你有2个输入,后期动作将发布2个分开的值。

您只能添加1个输入,并且javascript会将第二个输入的值附加到第一个输入,因此您将发布一个带有文本值的字段,例如“value1:value2”,就像您有

一样
<input id="price1" type="number" name="price" value="200000:12000000" />