How to add and remove text to a string using jQuery

Question

I have a web form with a hidden input field as follows:

<input id="requiredFields" name="requiredFields" type="hidden" value="firstname,lastname,email,phone">

I want to add and remove ",location" based on a certain condition using jQuery as follows:

$('input[name="locationstatus"]:radio').on("change", function() {
    if ($('input[name="locationstatus"]:radio:checked').val() == 'Yes') {
        /* need syntax to append text ',location' to #requiredFields string */
    }
    else {
        /* need syntax to remove text ',location' from #requiredFields string */
    }
});

Thanks

Sharlike · Accepted Answer · 2013-05-08 18:15:02Z

3

Using jQuery's .val() to update the value of requiredFields

$('input[name="locationstatus"]:radio').on("change", function() {
    if ($('input[name="locationstatus"]:radio:checked').val() == 'Yes') {
        $('#requiredFields').val($('#requiredFields').val() + ',location');
    }
    else {
        $('#requiredFields').val($('#requiredFields').val().replace(',location',''));
    }
});

answered May 8, 2013 at 18:15

Sharlike

1,7992 gold badges19 silver badges30 bronze badges

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

3 Comments

H. Ferrence Over a year ago

This looks streamlined @Sharlike. I am going to test it now and post back.

H. Ferrence Over a year ago

Perfect @Sharlike -- exactly what I needed. As soon as SO allows me to accept this as the answer I will do so

Sharlike Over a year ago

@H.Ferrence Glad it was what you needed

DMortensen · Accepted Answer · 2013-05-08 18:16:10Z

0

Rather than trying to append/remove the one part of the string, it would probably be easier and faster to just replace the entire string, assuming that there are no other strings, in which case I can offer a more robust solution.

$('input[name="locationstatus"]:radio').on("change", function() {
    if ($('input[name="locationstatus"]:radio:checked').val() == 'Yes') {
        /* need syntax to append ',location' to #requiredFields */
        $('#requiredFields').val('firstname,lastname,email,phone,location');
    }
    else {
        /* need syntax to remove ',location' from #requiredFields */
        $('#requiredFields').val('firstname,lastname,email,phone');
    }
});

answered May 8, 2013 at 18:16

DMortensen

1414 bronze badges

Comments

MentholBonbon · Accepted Answer · 2013-05-08 18:17:29Z

0

If you want to append the location to the end you can use the .val() method. It is also capable of setting the value of an element.

 $('input[name="locationstatus"]:radio').on("change", function() {
   if ($('input[name="locationstatus"]:radio:checked').val() == 'Yes') {
      var prev = $("#requiredFields").val();
      $("#requiredFields").val(prev + ',location');
   }
   else {
    var newText = $("#requiredFields").val().replace(',location', '');
    $("#requiredFields").val(newText);
   }
 });

answered May 8, 2013 at 18:17

MentholBonbon

7554 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to add and remove text to a string using jQuery

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related