Как получить индекс опциона из его значения

Question

Я знаю, как получить значение параметра из его индекса, как показано ниже в разделе кода.

Есть ли способ, чтобы получить соответствующий индекс, передавая текст/значение т.е. «белый» или «синий»

<select id="Color"> 
<option>white</option> 
<option>blue</option> 
</select> 

var x = document.getElementById("Color").selectedIndex; 
var y = document.getElementById("Color").options; 
alert("Index: " + y[x].index + " is " + y[x].text); 

Answer 1

Это возможно с JQuery.

function returnIndex(value) { 
    var selected = $("option:contains(" + value + ")")[0]; 
    if (selected) { 
     selected.selected = "true"; 
     return selected.index; 
    } else { 
     console.log("Value does not exist"); 
    } 
} 

var x = document.getElementById("Color").selectedIndex; 
var y = document.getElementById("Color").options; 
var chosen = document.getElementById("Color").value; 
alert("Index: " + returnIndex(chosen) + " is " + y[x].text); 

Answer 2

вы можете найти индекс элемента следующим способом

var z = "blue"; 
var y = document.getElementById("Color").options; 
var myArray = []; 
for(var i=0;i<y.length;i++) 
{ 
    myArray.push(y[i].text); 
} 
var elementPos = myArray.map(function(x) {return x; }).indexOf(z); 
alert(elementPos);