textarea value doesn't work

Question

I tried $('#tresc_area').val() but it didn't work (don't know why). Inputs are correctly sending the information, but textarea has problem with it. Please help me.

<form method="post">
    <input class="input" type="text" name="do_kogo" id="odbiorca" size="25" value="<?php print $odbiorca; ?>" />
    <input class="input" id="temat" type="text" name="temat" size="25" value="<?php print $temat; ?>"/>
    <textarea id="tresc_area" cols="45" rows="10" ></textarea>
    <input onclick="Check()" id="send_submit" type="submit" value="Send" />
</form>

and here is the ajax. when i enter tresc: "content" then it correctly sends "content" but when i try to enter there tresc.value which is before declared as we can see it has a problems, even if i declare there "$('#tresc_area').val()" any propositions? please help me

    <script type="text/javascript">

var odbiorca = document.getElementById("odbiorca");
var temat = document.getElementById("temat");
var tresc = document.getElementById("tresc_area");

function Check() {
    $.ajax({
        type: "POST",
        url: "send_prv_msg.php",
        data: {
            do_kogo: odbiorca.value,
            temat: temat.value,
            tresc: tresc.value
        },
        success: function(odp) {
            $("p#error_box").html(odp);
        }
    });

}

</script>

tresc: tresc.value <-- it doesn't work. somebody know how to make it work? please

Are you using some kind of asynchronous wrapper like `$(document).ready()` to make sure that your form elements are referenced after they become available in the DOM tree? — , Dec 16 '12 at 21:02
i tried to use $(document).ready() but it didn't change anything so i deleted it — Michael D, Dec 16 '12 at 21:04
@Qoop There are reasons why `text()` should be avoided in favor of `val()` or plain JavaScript `value` - http://stackoverflow.com/questions/8854288/val-vs-text-for-textarea @Michael You have to use asynchronous wrappers if you are defining JavaScript code above elements which should be manipulated. Otherwise chances are your code will be referencing non-existent nodes inside the DOM tree. — , Dec 16 '12 at 21:05
Is this script placed before or after the elements you're referencing? — Mike Robinson, Dec 16 '12 at 21:13
mike robinsons answer didnt work ;/ i get info that the content need to be entered — Michael D, Dec 16 '12 at 21:22
@Kosta I changed onclick="Check()" to onclick="Check(); return false;". It is alert and it is different than my need. — Michael D, Dec 16 '12 at 21:26
@Michael please comment on answers, not here on question. Add `return false;` as a last statement inside `Check` function. — Kosta, Dec 16 '12 at 21:28
http://pastebin.com/AAb00q35 this is the php file. maybe somebody will see problem there because i dont know whats going on ;/ — Michael D, Dec 16 '12 at 21:32

score 1 · Answer 1 · answered Dec 16 '12 at 21:17

Since you're using jQuery anyway, might as well take advantage of it's DOM selectors.

function Check() {
    $.ajax({
        type: "POST",
        url: "send_prv_msg.php",
        data: {
            do_kogo: $("#odbiorca").val(),
            temat: $("#temat").val(),
            tresc: $("#tresc").val()
        },
        success: function(odp) {
            $("p#error_box").html(odp);
        }
    });

}

score 1 · Answer 2 · answered Dec 16 '12 at 21:23

1

Here's a simple js fiddle how to read value from your text field: example. Enter any text to textarea and hit Send button. Remember to add return false; at the end of your Check function, so form is not submitted.

answered Dec 16 '12 at 21:23

Kosta

1,817
1
16
21

I think the problem is in your form declaration. When you click the `Send` button, function `Check` is executed but since `Send` button is declared as submit button, the form is still submitted. Since you don't have `name` attribute on your textarea, its value is not submitted. Ether add attribute `name="tresc"` to textarea tag or change send from `type="submit"` to `type="button"` and try again. – Kosta Dec 16 '12 at 22:00

score 0 · Accepted Answer · edited Mar 21 '17 at 12:16

function get_comment_chk() {
    var ChkVars = {
        additional_register_mail_chk: 'Registered Mail $3.20 per parcel \n',
        additional_insurance_chk: 'Insurance $1.50 for every $100 of merchandise. \n',
        additional_international_chk: 'Registered Mail and insurance generally starts at $25 even for large letters, plus the cost of the postage. Please ask us for a quote.  \n'
    }

    var additonal = 'Additional Option: ';
    var mytextbox = document.getElementById('confirm_comment');
    var inputs = document.getElementsByTagName("input");

    mytextbox.value = '';
    mytextbox.value = mytextbox.value.replace(additonal  + ChkVars[this.name], "");
    for(var i = 0; i < inputs.length; i++) {
        if(inputs[i].type === "checkbox") {
            inputs[i].onchange = function(){

                $('input[name*=\'additional\']:checked').each(function(){
                    mytextbox.value = mytextbox.value  + additonal  + ChkVars[this.name];
                });

                /*if(this.checked){
                    mytextbox.value = mytextbox.value  + additonal  + ChkVars[this.name];
                } else {
                    mytextbox.value = mytextbox.value.replace(additonal  + ChkVars[this.name], ""); 
                }*/
            }
        }  
    }

}

textarea value doesn't work

3 Answers3