JQuery - динамически меняется текст опция не работает

Question

Пожалуйста, найдите jsfiddle

https://jsfiddle.net/qs008so7/

У меня есть окно опций в HTML, и я пытаюсь установить опцию с помощью JQuery. Но его не работает. Пожалуйста, найдите код ниже.

Если я вызываю код в консоли, и я могу видеть, что ожидаемый html возвращается. Значит, изменения должным образом влияют на его DOM, но это не отражается в пользовательском интерфейсе.. Вы можете увидеть мою jfiddle.

HTML:

<select class="form-control" name="test" id="test"> 
    <option value="0">Disabled</option> 
    <option value="1">Enabled</option> 
</select> 

JS:

setGivenOption(test,"Enabled"); 
setGivenOption(test,"Disabled"); 

function setGivenOption(elementId, option) { 
    //Make all the old selections to null 
    $(elementId).each(function() { 
     $('option', this).each(function() { 
      $(this).attr('selected', null); 
     }); 
    }); 
    //set the given option 
    $(elementId).find(">option:contains('" + option + "')").attr("selected", "selected"); 
} 

Спасибо.

Answer 1

Вы где почти нет: Попробуйте, как этот https://jsfiddle.net/q5886d5o/1/

Update после @ Chips_100 комментарии

setGivenOption("test","Disabled"); 
setGivenOption("test","Enabled"); 

function setGivenOption(elementId, option) { 
    //Make all the old selections to null 
    $('#' + elementId).children('option').each(function() { 
     $(this).attr('selected', null); 
    }); 
    //set the given option 
    $('#' + elementId).children("option:contains('" + option + "')").attr("selected", "selected"); 
} 

Answer 2

Просто

$(elementId).find('option:contains(' + option + ')').attr('selected', true); 

Это будет diselect бы это ни был выбран, и выберите новый option