Как установить selectedIndex элемента select с помощью отображаемого текста?

Как установить selectedIndex элемента select, используя отображаемый текст в качестве ссылки?

Пример:

<input id="AnimalToFind" type="text" />
<select id="Animals">
    <option value="0">Chicken</option>
    <option value="1">Crocodile</option>
    <option value="2">Monkey</option>
</select>
<input type="button" onclick="SelectAnimal()" />

<script type="text/javascript">
    function SelectAnimal()
    {
        //Set selected option of Animals based on AnimalToFind value...
    }
 </script>

Есть ли другие как это сделать без петли? Вы знаете, я думаю о встроенном коде JavaScript или о чем-то подобном. Кроме того, я не использую jQuery ...