Replace option value text from select with Javascript [duplicate]

Question

I need to replace the text English from option value with javascript. Code is next:

<div>
<select name="input_14" id="input_29_14">
<option value="English">English</option>
</select>
</div>

So this is what I tried:

document.querySelector("div.selector option[value=English]").text = "Inglés";

But it doesn't change the text. Anyone can provide me an alternative function?

Thank you

Your div has no class so div.selector won't work

j08691
– j08691

2018-03-26 15:52:13 +00:00
Commented Mar 26, 2018 at 15:52 — j08691
– j08691, Commented Mar 26, 2018 at 15:52

Vadym Shashkov · Accepted Answer · 2018-03-26 15:51:48Z

3

Change your query selector to

document.querySelector("option[value=English]").text = "Inglés";

answered Mar 26, 2018 at 15:51

Vadym Shashkov

1182 silver badges14 bronze badges

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

7 Comments

Robertoss Over a year ago

Hi Vadim, so how can I replace the text in another selector? I mean, this is replacing the text in one, but I have another dropdown box where the 'English' text appears and is not being replaced.

Vadym Shashkov Over a year ago

@Robertoss please share sample code with me.

Robertoss Over a year ago

is same code than above, just changes select id: <select name="input_14" id="input_29_91">

Robertoss Over a year ago

Hi, do you have any update for this? I just need to make this available to when English shows for second time.

Vadym Shashkov Over a year ago

@Robertoss HTML:

<div> <select name="input_14" id="input_29_14"> <option value="English">English</option> <option value="English">English</option> </select> </div>

JS:

const elements = document.querySelectorAll("option[value=English]"); const length = elements.length;  for (let i = 0; i < length; ++i) 	elements[i].text = 'Inglés';

|

cela · Accepted Answer · 2018-03-26 15:53:02Z

1

The reason your current code is not working is because div.selector is looking for a div with the class selector.

Just add an id to the option, get the id with JavaScript and change to whatever you want.

document.getElementById("lang").text = "Anglais";

<div>
  <select name="input_14" id="input_29_14">
    <option id="lang" value="English">English</option>
  </select>
</div>

answered Mar 26, 2018 at 15:53

cela

2,5203 gold badges26 silver badges46 bronze badges

Comments

Robertoss · Accepted Answer · 2018-03-26 17:58:31Z

1

I solved it with jQuery:

jQuery("option[value=English]").text("Inglés");

answered Mar 26, 2018 at 17:58

Robertoss

271 silver badge5 bronze badges

Collectives™ on Stack Overflow

Replace option value text from select with Javascript [duplicate]

3 Answers 3

7 Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

7 Comments

Comments

Comments

Linked

Related