Combining two input fields to one, jquery

Question

Im trying to combine the name field, and msg field, and input all values into #msg, but cant quite get it to work

<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>

Haroldo · Accepted Answer · 2010-04-21 07:54:07Z

2

you need to get your alert inside the function:

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

answered Apr 21, 2010 at 7:54

Haroldo

37.5k48 gold badges131 silver badges169 bronze badges

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

Comments

L84 · Accepted Answer · 2015-06-23 20:02:59Z

1

If #msg is not an input, use .text() instead of .val();

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

edited Jun 23, 2015 at 20:02

L84

46.5k59 gold badges183 silver badges260 bronze badges

answered Apr 21, 2010 at 7:56

Haroldo

37.5k48 gold badges131 silver badges169 bronze badges

4 Comments

nic_dk Over a year ago

Still doensn't work :( It's like it doesnt register that the form is submitted - Cant get an alert inside $('#DocumentCommentsForm_21').bind('submit', function(){ to work :(

nic_dk Over a year ago

the form looks like: The form looks like this: <form id="DocumentCommentsForm_21" method="post" action=""> <input type="hidden" name="Action" value="Post" /> <input type="hidden" name="DCID" value="21" /> <input type="hidden" name="CommentId" value="-1" /> <label for="navn">Navn:</label> <br /> <input type="text" name="navn" value="" id="navn" /> <br /> <br /> <textarea cols="30" rows="10" id="msg" name="DocumentComment">(Your comment here)</textarea> </form>

Haroldo Over a year ago

if the form or submit button is not on the page when the page loads (in an ajax tab etc) use .live() instead of .bind()

Haroldo Over a year ago

textareas are different to inputs. the .val() method wont work instead try, .text() or .html()

Matt Ellen · Accepted Answer · 2010-04-21 08:05:50Z

0

You are putting the "combine fields" functionality into the submit event handler, which is fine, but you don't stop the form from submitting, so you will never see the result of you operation on the original form. If this is your intention, and you just want the alert to show your combined result then Haroldo's approach would pretty much suffice except that you'll want to change the code to this:

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

Otherwise you'll get an alert box saying [object Object].

answered Apr 21, 2010 at 8:05

Matt Ellen

11.6k5 gold badges74 silver badges94 bronze badges

Collectives™ on Stack Overflow

Combining two input fields to one, jquery

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related