update text in select using jquery

Question

I need to update an option text and I do not have #id of the select box.

I found examples like this:

$('#selectid option:contains("OLD_TEXT_VALUE")').text('newtext');

I can't use this example, since I can only access select like this:

selectedField.find('select')

how do I add

option:contains("OLD_TEXT_VALUE")').text('newtext');

to the above way of selecting select, is it possible?

This is my code, there can be many selects dynamically inserted into the page in this format.

<div id="basic_select_xxxx" class="form-group selectable">
    <select class="form-control">
        <option>Select something</option>
    </select>
</div>

I can select the select only like this:

$('#basic_select_xxxx').find('select).

how to then update select option with new text by looking up the old value? Is it possible this way? I can not put id on select, so let me know if there is other way?

post your html. Is there only one select in the whole page? — Nishanth Matha
– Nishanth Matha, Commented Apr 4, 2017 at 2:10
there can be many selects and I do not know their ids. I will update my question to give you a bit more detail — niko craft
– niko craft, Commented Apr 4, 2017 at 2:12

Nishanth Matha · Accepted Answer · 2017-04-04 02:19:28Z

1

You can chain your jQuery Do something like:

$('#basic_select_xxxx').find('select option:contains("OLD_TEXT_VALUE")').text('newtext');

answered Apr 4, 2017 at 2:19

Nishanth Matha

6,0892 gold badges22 silver badges29 bronze badges

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

Comments

charlietfl · Accepted Answer · 2017-04-04 02:20:21Z

1

Assuming all the containers ID's start with same "basic_select_" prefix you can use that in an "attribute starts with" selector

$('.selectable[id^="basic_select_"] select option:contains("OLD_TEXT_VALUE")').text('newtext');

answered Apr 4, 2017 at 2:20

charlietfl

172k14 gold badges125 silver badges154 bronze badges

Collectives™ on Stack Overflow

update text in select using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related