Question

我正在使用计算器小部件，我可以在输入字段中输入随机值，然后小部件会在点击“go”按钮时自动计算。

现在我想将值插入/预填充到此输入字段中，因为需要计算的值来自服务器。但问题是，这个输入字段显然只对按键做出反应。我试着这样做：

$('input[name="value"][data-type-money]').val('150.000').focus();

和

$('input[name="value"][data-type-money]').val('150.000').select();

使用所需的值预填充输入字段但是当我单击“go”按钮时，计算会失败，因为我没有手动将值输入到输入字段中。所以，最后我的解决方案不起作用。

有谁知道如何解决这个问题？

Answer 1

修改，更新

输入字段是 - 并且只对按键做出反应，我的意思是手动输入值

如果无法更改input value属性，请尝试使用DOM

替换html中设置为.replaceWith()的值的元素

＆＃13;

$('input[name="value"][data-type-money]')
.replaceWith("<input name=value data-type-money type=text value=150.00 />")

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<input name="value" data-type-money type="text" />

＆＃13;

Answer 2

如果数据经常更改，您还可以使用setInterval函数：

<input name="value" data-type-money="money">
setInterval (function(){
    var moneyValue = "150.000";
    $('input[name="value"][data-type-money]').val(moneyValue);
},1000);

在这里摆弄：http://jsfiddle.net/85pbnnu1/

或者您可以这样做：

$(document).ready(function(){
    $('input[name="value"][data-type-money]').val('150.000').change();
});

如何使用Jquery / javascript设置预填充输入字段？

2 个答案: