Question

我想根据用户选择更改输入值。

        <input type="number" class="minimum" name="minimum" />
                    <div>0</div>
                    <div onclick="update('minimum')">$50,000</div>
                    <div>$100,000</div>
                    <div>$250,000</div>
                    <div>$500,000</div>
                    <div>$1,000,000</div>
                    <div>$10,000,000</div>

这里我有一个名为 minimum 的输入，用户可以通过点击div来选择一个值，输入值也会改变。

此功能＆＃39;原样＆＃39;将在单击div后更新输入值。

        function update(field){
        $('input[name=minimum]').val('50000');

    }

我想要的是灵活地在所有div上使用。

[name = minimum]其中最小被替换为传递给函数的字段值。

val（＆＃39; 50000＆＃39;）其中 50000 被替换为触发该函数的div的值。

这可能吗？

Answer 1

删除内联事件处理程序，改为使用：

$(document).ready(function() {
  $('div').click(function() {
    $('input[name=minimum]').val( parseInt( $(this).text().replace(/[^0-9\.]+/g,""), 10 ) )
  })
});

<强> jsFiddle example

这将获取文本字符串并将其转换为要在输入中使用的数字。您也可能希望使用比$('div')更具体的选择器，因为它会定位到您网页上的所有div。

Answer 2

一位朋友告诉我我做错了什么。我正在使用（。）与（+）

len()

这现在有效。

通过jquery根据选择更改输入值

2 个答案: