jQuery get value Input Text

Question

Here is my HTML code :

<input type="text" name="Estimation1" id="Val1" maxlength="3" disabled=true/>
<input type="text" name="Estimation2" id="Val2" maxlength="3" disabled=true/>
<input type="text" name="Estimation3" id="Val3" maxlength="3" disabled=true/>
<input type="text" name="Estimation4" id="Val4" maxlength="3" disabled=true/>

And My jQuery :

function CalculAuto()
{

    // get the values from this row:
    var val1 = $('#Val1').val();
    var val2 = $('#Val2').val();
    var val3 = $('#Val3').val();
    if (val1=="") val1=0;
    if (val2=="") val2=0;
    if (val3=="") val3=0;
    var total = 100 - ((val1 * 1) + (val2 * 1) +  (val3 * 1));
    // set total for the row
    $('#Val4').attr('value', total);
}

My problem is : when I send my form, $_POST['Estimation4'] is not recognized. I don't understand why ??

Show your ajax code or the code through which you send your values. — AdityaParab
– AdityaParab, Commented Jul 9, 2014 at 7:40
is this really disabled? of course it undefined since it won't reach $_POST, change to <input type="text" name="Estimation4" id="Val4" maxlength="3" readonly /> instaed — user1978142
– user1978142, Commented Jul 9, 2014 at 7:46
Not initialized==> "Notice: Undefined index: Estimation4 in..." — Yoan__Fr
– Yoan__Fr, Commented Jul 9, 2014 at 7:49

Satpal · Accepted Answer · 2014-07-09 07:49:46Z

2

Important You need to remove disabled attribute.

<input type="text" name="Estimation4" id="Val4" maxlength="3"/>

Use, .val() to set value. like

$('#Val4').val(total);

Instead of

$('#Val4').attr('value', total);

.val() function gives you string. Hence you need to convert string value into appropriate one.

Use parseFloat() for floating point number. operation
Use parseInt() for operation on integers.

Complete Code

function CalculAuto()
{

    // get the values from this row:
    var val1 = $('#Val1').val();
    var val2 = $('#Val2').val();
    var val3 = $('#Val3').val();

    val1 = val1=="" ? 0 : parseFloat(val1);
    val2 = val2=="" ? 0 : parseFloat(val2);
    val3 = val3=="" ? 0 : parseFloat(val3);

    var total = 100 - ((val1 * 1) + (val2 * 1) +  (val3 * 1));
    // set total for the row
    $('#Val4').val(total);
}

edited Jul 9, 2014 at 7:49

answered Jul 9, 2014 at 7:42

Satpal

134k13 gold badges168 silver badges171 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Yoan__Fr Over a year ago

I've tested .Val() and it has the same effect that .Attr('value', 'string')

Satpal Over a year ago

@user3710123, No they don't have same effect. Also did you removed disabled attribute.

Yoan__Fr Over a year ago

But how can I do to block this field?

Yoan__Fr Over a year ago

And I have changed CalculAuto() with parseInt() function. Thx!

Satpal Over a year ago

@user3710123, You can use readonly attribute. You can programmatically change its value.

Collectives™ on Stack Overflow

jQuery get value Input Text

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related