How to set an input value with jquery?

Question

i have this code, i want when input field #amount is add, jquery will get the value, multiply it with 0.20 and add the value to #agentfee. The value of #agentfee will be used to insert value in sql table using php code. I dont know why my code is not working

HTML
<label for="amount">Rent Amount</label>
    <input type="number" id="amount" name="amount" placeholder="500,000">
<label for="agentfee">Agent fee N</label>
    <input type="Number" id="agentfee" name="agentfee" value="" readonly><br>


JS
$('#amount').change(function() { 
    
    var inputValue = $("#amount").val();
    agentFee = inputValue * 0.20;
    $('#agentfee').val=('agentFee');
});

score 1 · Answer 1 · answered Aug 05 '22 at 17:49

As @Calvin pointed out already you need to change your $('#agentfee').val() line:

$('#amount').on("input",function() { 

var inputValue = $("#amount").val();
agentFee = inputValue * 0.20;
$('#agentfee').val(agentFee.toFixed(2));
});

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<label for="amount">Rent Amount</label>
<input type="number" id="amount" name="amount" placeholder="500,000">
<label for="agentfee">Agent fee N</label>
<input type="Number" id="agentfee" name="agentfee" value="" readonly><br>

score 0 · Answer 2 · answered Aug 05 '22 at 17:13

0

You don't need the ticks around agentFee, or the equals. It should be

$('#agentfee').val(agentFee);

answered Aug 05 '22 at 17:13

Calvin Douglas

46
4

score 0 · Answer 3 · answered Aug 05 '22 at 17:52

0

Try this : $('#amount').change(function() {

var inputValue = $("#amount").val();
agentFee = inputValue * 0.20;
$('#agentfee').val('agentFee');
});

i hope it was useful

answered Aug 05 '22 at 17:52

Joukhar

724
1
3
18

score 0 · Answer 4 · answered Aug 05 '22 at 19:43

Your

$('#agentfee').val=('agentFee');

overrides the val function of $('#agentfee') with the text of agentFee. Instead, you wanted to call val and pass a value, like $('#agentfee').val(yourvalue);. This is a simplified solution (I have changed the event from change to input to make sure the input is more responsive. If you strongly prefer the change event, then let me know)

$('#amount').on('input', function() { 
    $('#agentfee').val($("#amount").val() * 0.20);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="amount">Rent Amount</label>
    <input type="number" id="amount" name="amount" placeholder="500,000">
<label for="agentfee">Agent fee N</label>
    <input type="Number" id="agentfee" name="agentfee" value="" readonly><br>

How to set an input value with jquery?

4 Answers4