Textarea value is always null or empty?
- <div id="send-complains-to-reporter" title="Изпращане на известие" style="display: none;">
- <div class="col-xs-8">
- <div class="form-group"><input type="text" class="form-control" name="reporter_contact_email" value="<?=$oRow->reporter_mail; ?>" >
- </div>
- </div>
- <div class="col-xs-4">
- <div class="form-group"><input type="text" class="form-control" name="complaint_number" value="<?=$oRow->reporter_id; ?>"
- </div>
- </div>
- <div class="col-xs-12">
- <div class="form-group">
- <textarea rows="10" cols="30" id="message-complaint" ></textarea>
- </div>
- </div>
- </div>
The function always receives reporter_email and complaint_number, but textarea never.
I tried $("textarea#message-complaint").val() and $("textarea#message-complaint").text() the result is same.
When
$("textarea#message-complaint").val().lenght
always return 0
- $(function() {
$("#send-complains-to-reporter").dialog({
modal: true,
width: 350,
resizable: true,
buttons: {
"Изпрати": function () {
var message_complaint = $("#message-complaint").val();
alert(message_complaint);
$.ajax({
url: '<?=base_url('complaints/sendMailToReporter')?>',
type:'post',
dataType: 'json',
data: {
complaint_number: complaint_number,
reporter_email:reporter_email,
message_complaint:message_complaint
},
success: function(success) {
if(success)
alert(json(success));
},
error:function() {
$(oEl).fadeIn()
}
})
},
"Cancel": function () {
$(this).dialog("close");
}
}
});
});