how to set text of option:selected in jquery

Question

<select id="myselect">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

<select id="youSelect">
    <option value="1">Mr</option>
    <option value="2">Mrs</option>
    <option value="3">Ms</option>
    <option value="4">Dr</option>
    <option value="5">Prof</option>
</select>

Now on click of a button I want to set mySelect option:selected value in youSelect So for this I had done this

$('#youSelect option:selected').text($('#myselect option:selected').text())

but its not working.Please guide how to solve this.

U all didn't get my point what I wnat Please got through question ave edited it — Dinshaw Raje
– Dinshaw Raje, Commented Jun 11, 2015 at 5:54
Which jQuery version do you use? I did't get your point. Does it mean that you need to select the value in the second dropdown which you selected in the first dropdown — rrk
– rrk, Commented Jun 11, 2015 at 7:16

Community · Accepted Answer · 2017-05-23 11:51:10Z

1

Simply do:

$('#youSelect').val($('#myselect').val());

You are matching the values, not the text.

Edit: Based on your edited question, you're probably looking at the same situation as this question

var _mySelectText = $("#myselect option:selected").text();
$("#youSelect option").filter(function () {
    return this.text === _mySelectText;
}).attr("selected", "selected");

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered Jun 11, 2015 at 5:31

Sang Suantak

5,2652 gold badges30 silver badges46 bronze badges

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

Comments

Rutunj sheladiya · Accepted Answer · 2015-06-11 05:30:36Z

0

$("#youSelect").val("thevalue");

just make sure the value in the options tags matches the value in the val method.

answered Jun 11, 2015 at 5:30

Rutunj sheladiya

6467 silver badges23 bronze badges

Comments

n00b · Accepted Answer · 2015-06-11 06:13:01Z

0

  var myValue = $("#myselect option:selected").text();
  var secondoption = $("#youSelect")[0];


  for (var i = 0, sL = secondoption.length; i < sL; i++) {
    if (secondoption.options[i].text == myValue) {
      secondoption.selectedIndex = i;
      break;
    }
  }

http://plnkr.co/edit/GVt8rZswjzZTC13vw98N?p=preview

edited Jun 11, 2015 at 6:13

answered Jun 11, 2015 at 5:40

n00b

1,85214 silver badges26 bronze badges

5 Comments

Dinshaw Raje Over a year ago

U didn't understand what I want is $('#youSelec option:selected').text($('#myselect option:selected').text()) but its not working

n00b Over a year ago

so you want to set the second Option's value based on the text in the first?

n00b Over a year ago

But the text from the first option does not exist as value on the second. Even if I make the plunker, your HTML is wrong

Dinshaw Raje Over a year ago

first option value in second like if I get first option:selected text as mrs so I want youSelect option:selected text is also be mrs Now u understand

n00b Over a year ago

Updated the answer. So you want two Options to have matched text, though they have different values

rrk · Accepted Answer · 2015-06-11 09:40:29Z

0

Use this.

$(selector_to_your_button).on('click',function(){
    $('#youSelect).val($("#myselect").val());
});

edited Jun 11, 2015 at 9:40

answered Jun 11, 2015 at 7:28

rrk

15.9k4 gold badges32 silver badges49 bronze badges

1 Comment

Sang Suantak Over a year ago

I think the question is pretty clear, the value of youSelect should bet set on click of a button , not on change of myselect.

Collectives™ on Stack Overflow

how to set text of option:selected in jquery

4 Answers 4

Comments

Comments

5 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related