Javascript: выбор опции на основе ее содержимого

Question

В основном это, но в чистом JavaScript:
Как получить 'значение' тега select на основе содержимого тега select, используя Nokogiri

У меня есть список выбора со множеством стран / штатов, и я хочу иметь возможность выбрать один из них на основе того, что находится между тегами <option>.

<option value="4783">Argentina</option>

(я знаю, что могу использовать значение, но каждое из них представляет собой случайную сетку чисел, поэтому мне придется собирать каждое отдельное - не экономичное)

Answer 1

Это немного больно, но в чистом JavaScript:

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

Answer 2

Теперь, когда querySelector доступен в большинстве браузеров, вы можете использовать:

document.querySelector('select').selectedIndex = 
    document.querySelector('option[value=4783]').index;

Answer 3

Свойство textContent позволяет увидеть, что находится внутри тега. С моей головы и без тестирования, это должно работать:

function selectByDisplayValue(selectTag, displayValue)
{
    var options = selectTag.getElementsByTagName('option');
    for(var i = 0; i < options.length; i++)
        if(options[i].textContent == displayValue)
        {
            options[i].selected = true;
            break;
        }
}

Где selectTag - это объект DOM вашего тега <select>, а displayValue - это отображаемое значение параметра, который вы хотите выбрать (для вашего примера это "Аргентина").