How to use multiple [attribute=value] Selector for same element?

Question

I am creating a bilingual form in which I have a select tag with multiple option tags inside. I wanna get that option with class "blah" and with value "1" and then select it as "selected" option.

I selected it based on class and then select based value but the result is null. Here is my code:

$('select').each(function (e, item) {

             var selectedEnglish = $(item).children("option[class='English']")
             var englishItem = selectedEnglish.find("option:selected").val();

             var farsiList = $(item).children("option[class='Farsi']")
             var farsiItem = farsiList.find("[value='" + englishItem + "']");

             farsiItem.attr('selected', 'selected');
    });

Whats more how can I get with one chain of statements?

this selected is populated in jquery:

$("#TitleId").html("");
            $("#TitleId")
                .html("<option value='' class='Farsi'>عنوان</option><option value='' class='English'>Title</option>");
            $.each(titles,
                function (key, value) {
                    $("#TitleId")
                        .html($("#TitleId").html() +
                            "<option class='Farsi' value='" +
                            value.Id +
                            "'>" +
                            value.Name +
                            "</option>"+
                            "<option class='English' value='" +
                            value.Id +
                            "'>" +
                            value.EnName +
                            "</option>");
                });

just to clarify, do you have one select for english and one select for farsi? — changepicture
– changepicture, Commented Jan 22, 2017 at 8:12
@changepicture I have multiple select element. in each "select", there is 2 options with same value for every Item ,but with different class and text. I am going to switch between languages by showing/hiding based on their class. — Afsaneh Daneshi
– Afsaneh Daneshi, Commented Jan 22, 2017 at 8:15

poushy · Accepted Answer · 2017-01-23 03:00:37Z

3

If you want to get the option with class "blah" and value "1", this is your query:

$('select option[class=blah][value="1"]')

If you want to select that option you can simply do:

$('select option[class=blah][value="1"]').attr('selected', 'selected');

edited Jan 23, 2017 at 3:00

answered Jan 23, 2017 at 2:55

poushy

1,13411 silver badges17 bronze badges

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

2 Comments

Afsaneh Daneshi Over a year ago

for first time it changes the selected item. but not for second time.

poushy Over a year ago

Unless you are changing the class or value, it should continue to work correctly. In case you are changing the class or value, you need to update the query accordingly.

Collectives™ on Stack Overflow

How to use multiple [attribute=value] Selector for same element?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related