jquery alternatives to change function

Question

So I'm using jquery to detect the change in an ID element in my form, like this:

$(document).ready(function(){
    $('#ID_a').change(function(){
        if(<<<some condition>>>){
            $('#ID_a').append(<<<more info>>>)
        }
    })
});

But I'm finding my site visitors aren't seeing the appended content because they aren't clicking off of the ID element because it's the last field in my form. They are just clicking the submit button. What can I do to help them see the appended content, which are new fields requesting additional info on the form? (Aside from completely redesigning my form)

Can you post the HTML including the '#ID_a' element?

Steve Greatrex
– Steve Greatrex

2012-01-26 21:29:45 +00:00
Commented Jan 26, 2012 at 21:29 — Steve Greatrex
– Steve Greatrex, Commented Jan 26, 2012 at 21:29

James Montagne · Accepted Answer · 2012-01-26 21:29:09Z

2

You could use one of the key events (such as keypress or keydown) to show the fields as soon as they type anything.

answered Jan 26, 2012 at 21:29

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

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

Comments

Francis Lewis · Accepted Answer · 2012-01-26 21:30:02Z

0

One option you could use is focus for an input field, so if they start typing in data, you could append the content.

answered Jan 26, 2012 at 21:30

Francis Lewis

8,9889 gold badges58 silver badges68 bronze badges

Comments

Wouter J · Accepted Answer · 2012-01-26 21:33:15Z

0

Add a .submit event to the form:

$(document).ready(function() {
  var appendedText = false;

  function appendFormContent( elem ) {
     elem.append('some text');
     appendedText = true;
  }

  $('#the-form').submit(function() {
    if( !appendedText ) { 
      // content not appended
      appendFormContent( $('#some-id') );
      return false;
     }
  });

  $('#some-option').change(function() {
    appendFormContent( $('#some-id') );
  });

});

answered Jan 26, 2012 at 21:33

Wouter J

42k15 gold badges113 silver badges114 bronze badges

Collectives™ on Stack Overflow

jquery alternatives to change function

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related