'Selection from dropdown lists based on index rather than value

I have this 'select' dropdown list on the website:

<select id="customQuestion0" class="form-control maxCharLimit" data-bind="'css':{'inputError': verificationFailed}, 'attr':{'id':'customQuestion' + $index(), tabindex:tabIdx},hasFocus:isSelected,  options: answers, optionsText:'answer', optionsCaption:$parent.chooseOneText, value:selectedAnswer, optionsValue:'answerKey'" id="customQuestion0" tabindex="13">
    <option value="">Choose One...</option>
    <option value="253133968">Doulos Email / Website</option>
    <option value="253133969">Cadence Email/Website</option>
    <option value="253133970">A colleague / friend</option>
    <option value="253133971">Other professional network (eg LinkedIn, Twitter)</option>
</select>

In the Tampermonkey script I can select e.g. option Duolos Email / Website with:

var formCustomQuestion1 = document.getElementById('customQuestion0')
formCustomQuestion0.value = '253133968'

But unfortunately this value 253133968 can change. Is there any way to be able to simply select item #1 in the script (starting the numbering at 0), disregarding the value?



Solution 1:[1]

It is working simply with:

formCustomQuestion0.selectedIndex = '1'

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 bLAZ