I have a for loop where I am iterating over array selected items. I want to get the element from select list where my value is equal with innerText of select list. How I can do that using jQuery ?
I have tried this, but got stuck
var selectedClubs = $('#select2-3 option:selected');
console.log(selectedClubs[0].innerText);
for (let i = 0; i < selectedClubs.length; i++) {
if (selectedClubs[i].innerText == value) {
var c = $("#select2-3 option:contains(" + selectedClubs[i].innerText + "')");
console.log(c.innerText);
}
}
You don't need the loop if you're using :contains:
var selectedClub = $(`#select2-3 option:selected:contains("${value}")`);
Alternatively you can use filter():
var selectedClubs = $('#select2-3 option:selected');
var selectedClub = $selectedClubs.filter((i, el) => el.innerText === value);