如何使用Jquery / javascript将预填充的输入字段设置为活动状态？

Question

I'm using a calculator widget where I can enter random values into an inputfield and then the widget automatically calculates when clicking the "go"-button.

Now I want to insert/prefill the value into this input field, since the value which needs to be calculated comes from a server. The issue though is, that this input field apparently only reacts on keypress. I tried to do this:

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

and

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

which prefills the input field with the desired value but when I click the "go" button the calculation fails as long I dont enter the value manually into the input field. So, in the end my solution does not work.

Does anyone know how I can solve this?

Answer 1

Edit, Updated

the input field is - and reacts only on keypress, I mean when value is entered manually

If input value property cannot be changed , try replacing the element in DOM with value set at html using .replaceWith()

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

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

Answer 2

If data changes frequently you can also use the setInterval function:

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

fiddle here: http://jsfiddle.net/85pbnnu1/

or you can just do:

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