set selected value of dropdown list?

HTML

<select name="colour" id="colour">
    <option value="dropdown" class="is-disabled">Pls select one
        <option value="apple" class="is-disabled">Apple
            <option value="orange">Orange
                <option value="grapes" class="is-disabled">Grapes
                  <option value="pineapple" class="is-disabled">Pineapple
                    <option value="berry">Berry</select>

JavaScript

$(document).ready(function () {
    var textToFind = 'Pls select one';
    var dd = document.getElementById('colour');
    for (var i = 0; i < dd.options.length; i++) {
        if (dd.options[i].text === textToFind) {
            dd.selectedIndex = i;
            break;
        }
    }
});