Объединение двух полей ввода в один, JQuery

Question

Im пытаясь совместить поле имени и поле МСГ и введите все значения в #msg, но не могу достаточно заставить его работать

<script type="text/javascript" language="text/javascript"> 
    $('#DocumentCommentsForm_21').bind('submit', function(){ 
    var name = "##" + $('#navn').val() + "##"; 
    var msg = $('#msg').val(); 
    $('#msg').val(name+' '+msg); 
    }); 
    alert($('#msg').val(name+' '+msg)); 
</script> 

Answer 1

вы должны получить свой оповещать внутри функции:

$('#DocumentCommentsForm_21').bind('submit', function(){ 
    var name = "##" + $('#navn').val() + "##"; 
    var msg = $('#msg').val(); 
    $('#msg').val(name+' '+msg); 
    alert($('#msg').val(name+' '+msg)); 
}); 

Answer 2

Если #msg не вход, используйте .text() вместо .val();

$('#DocumentCommentsForm_21').bind('submit', function(){ 
    var name = "##" + $('#navn').val() + "##"; 
    var msg = $('#msg').val(); 
    $('#msg').text(name+' '+msg);  
}); 

Answer 3

Вы помещаете функциональные возможности «комбинировать поля» в обработчик событий отправки, это нормально, но вы не останавливаете отправку формы, так что вы никогда не увидите результат операции в исходной форме. Если это ваше намерение, и вы просто хотите оповещение, чтобы показать свой комбинированный результат, то подход Haroldo был бы в значительной степени хватая за исключением того, что вы хотите, чтобы изменить код для этого:

$('#DocumentCommentsForm_21').bind('submit', function(){ 
    var name = "##" + $('#navn').val() + "##"; 
    var msg = $('#msg').val(); 
    $('#msg').val(name+' '+msg); 
    alert($('#msg').val()); 
}); 

В противном случае вы получите бланк сообщения [object Object].