【问题标题】:Send 2 input form fields entries as one value将 2 个输入表单字段条目作为一个值发送
【发布时间】:2014-09-25 13:03:45
【问题描述】:

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

我希望“价格”发布为:...price=value1:value2

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

但是,我不确定如何在帖子中获取“value2”,如上所示。

这就是我现在拥有的:

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

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

目前这将发布为 price=200000&max=12000000

最好的方法是什么?

谢谢。

【问题讨论】:

    标签: html


    【解决方案1】:

    这是一个使用 javascript 更新第三个字段值的示例。可能应该隐藏它以不更改您拥有的当前 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;      
    };
    

    【讨论】:

    • 这很棒!问题,我将如何设置默认值?如果我只是提交,它会发布没有价值的 priceRange...我尝试了 placeholder="..." 但这没有用
    • 刚刚想通了,我只是为 id=priceRange 设置了 value="value1;Value2" 并且有效!谢谢!
    • 我只想在隐藏的 html 字段上设置一个值。这样,如果函数从未被触发,仍然有一个默认值。
    【解决方案2】:

    您不能,如果您有 2 个输入,则发布操作将发布 2 个分隔值。

    您可以只添加 1 个输入,并使用 javascript 将第二个输入的值附加到第一个输入,因此您将发布 1 个字段,其中包含类似 "value1:value2" 的文本值,就像您有一样

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

    【讨论】:

    • 我明白了。那么它看起来像这样吗?
    • 我用的是 JQuery,应该是这样的: var price1 = $('#price1').val(); var price2 = $('#price2').val(); $('#price1').val(price1 + ":" + price2);但我不认为你为什么需要做这样的事情。您可以发布两个输入,然后对这两个值做一些事情......
    猜你喜欢
    • 2020-05-20
    • 1970-01-01
    • 2018-12-25
    • 2018-04-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-02-12
    相关资源
    最近更新 更多