Jquery submit dont set values on inputs

Question

i have the this form:

<form id="segform" action="TestServlet" method="POST" >
  <div id="actives" class="rounded-corners">
    <div class="column">                        
     <div class="portlet"><a href="#">link1</a></div>
    </div>
  </div>

  <div id="inactives" class="rounded-corners">
    <div class="column">
     <div class="portlet"><a href="#">link2</a></div>
    </div>
  </div>

  <input type="hidden" name="ffactives" value="foovalue" />
  <input type="hidden" name="ffinactives" value="foovalue" />
  <input type="submit"  />
</form>

I need when the form was submitted the content of links being set into input:

ffactives = "link1" instead of "foovalue" ffinactives = "link2" instead of "foovalue"

i use now the jquery code:

$('#segform').submit(function(){
  var act = $('#actives div.column div.portlet a').text();
  var inact = $('#inactives div.column div.portlet a').text();
  $('input[name=ffactives]').val(act);
  $('input[name=ffinactives]').val(inact);
  return true;
});

But when i receive the inputs the values was not changed. i aspect ffactives = "link1" and ffinactives = "link2" , but i receive ffactives = "foovalue" and ffinactives = "foovalue"

Whats wrong

I just put together a test with that exact code and it worked for me (in Chrome anyway). I hope someone answers this question, because I'm interested to find out why it didn't work for you. — Ben Lee
– Ben Lee, Commented Nov 4, 2010 at 4:20

Nick Craver · Accepted Answer · 2010-11-04 06:47:33Z

2

What you have works at face value, you can test it here, a few things to check:

Is this running in a document.ready handler? e.g. your code should be wrapped in
$(function() { /* current code */ }); so that $('#segform') doesn't run until the <form> is in the DOM and ready to be found (otherwise it hooks a submit handler up to 0 elements.
Are you getting any JavaScript errors? If any occur before your code runs, the submit handler wouldn't be bound, and you'get get default submission behavior...which is what you're seeing.

answered Nov 4, 2010 at 6:47

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

1 Comment

walves Over a year ago

SO thankful Craver. the problem was solved with document ready.

hybernaut · Accepted Answer · 2010-11-04 04:44:56Z

0

I'm guessing your JS is not running properly. Try this version of your submit handler

$('#segform').submit(function(event){
  var act = $('#actives div.column div.portlet a').text();
  var inact = $('#inactives div.column div.portlet a').text();
  $('input[name=ffactives]').val(act);
  $('input[name=ffinactives]').val(inact);

  console.log('submit:', $('input').val();

  event.preventDefault();
  return false;
});

Then you should see 'submit: link1' in your console when you submit the form.

answered Nov 4, 2010 at 4:44

hybernaut

6364 silver badges7 bronze badges

Collectives™ on Stack Overflow

Jquery submit dont set values on inputs

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related