JavaScript: get a value with jQuery and replace it

Question

I have a gender selector, and a script that gets the value of the selected gender and pastes it on a label, but it's pasting the value: "M" or "F".

<div name="userLabelDiv" id="genderUserLabelDiv">
    <label class="required">Sexo</label>    
    <label id="genderLabel">F</label> 
</div>

Now when I'm trying to get this letter and replace for the actual gender, I'm missing on the JS script. Could you help me?

$("#genderLabel").html(
    if ($(this).value == 'F') {
        this.value = 'Female';
    }
    if ($(this).value == 'M') {
        this.value = 'Male';
    }
);

I know the script is probably wrong, could someone correct it, please? Thank you!

Lyon · Accepted Answer · 2010-08-13 14:18:58Z

3

var gender = $('#genderLabel');
if (gender.text() == 'F') { gender.text('Female'); }
else { gender.text('Male'); }

answered Aug 13, 2010 at 14:18

Lyon

7,36410 gold badges35 silver badges46 bronze badges

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

1 Comment

BoDiE2003 Over a year ago

This code, is giving me syntax errors: $("[name=userDto\\.gender]").change(function() { if ($(this).text() == 'F') { $(this).text('Femenino'); } else { $(this).text('Masculino'); } });

Nick Craver · Accepted Answer · 2010-08-13 15:25:53Z

2

In jQuery 1.4+ you can pass a function to .text() like this:

$("#genderLabel").text(function(i, t) {
   return t == 'F' ? 'Female' : t == 'M' ? 'Male' : t;
});

This converts F to Female, M to Male and leaves anything else alone, in case new genders come up :)

edited Aug 13, 2010 at 15:25

answered Aug 13, 2010 at 14:31

Nick Craver

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

2 Comments

BoDiE2003 Over a year ago

SyntaxError: missing : in conditional expression { message="missing : in conditional expression", more...}

Nick Craver Over a year ago

@BoDiE2003 - woops typo, fixed :)

jAndy · Accepted Answer · 2010-08-13 14:18:45Z

2

replace every value with text()

if($(this).text()=='F'){
   $(this).text('Female');
}
if($(this).text()=='M'){
    $(this).text('Male');
}

Among a few other things

answered Aug 13, 2010 at 14:18

jAndy

237k57 gold badges313 silver badges363 bronze badges

Comments

user113716 · Accepted Answer · 2010-08-13 14:30:39Z

1

To use .html() that way, you need to pass a function as the argument that returns the value you want.

Try it out: http://jsfiddle.net/FDZBJ/

$("#genderLabel").html(function(i,html) {
                           html = $.trim(html);
                           if(html == 'F') return 'Female';
                           if(html == 'M') return 'Male';
                           return html;
                       });

answered Aug 13, 2010 at 14:30

user113716

323k64 gold badges454 silver badges441 bronze badges

Collectives™ on Stack Overflow

JavaScript: get a value with jQuery and replace it

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related