Обновить/изменить уже добавленное имя в выпадающем списке (Выбрать)

Question

У меня есть одно раскрывающееся меню, как я могу изменить имя и обновить его в раскрывающемся списке, например, если я хочу изменить текст ABC на AAA, как я могу достичь этого ? Там будет новый всплывающее окно при нажатии кнопки редактирования щелкнул и определяемые пользователем имя может быть введено (AAA это просто пример), который заменит ABC

<SELECT NAME="CB" id="CBid" class ="CBclass" > 
    <option value="ABC" >ABC</option> 
    <option value="MCD" >MCD</option> 
    <option value="XYZ" >XYZ</option> 
</SELECT> 
<INPUT id="Edit" TYPE="button" VALUE="Edit" onClick="EditName()" /> 

Answer 1

Вот возможное решение:

$('#Edit').on('click', function(){ 
 
    
 
    $('#CBid').find('option[value="ABC"]').text('AAA'); 
 
    
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<SELECT NAME="CB" id="CBid" class ="CBclass" > 
 
    <option value="ABC" >ABC</option> 
 
    <option value="MCD" >MCD</option> 
 
    <option value="XYZ" >XYZ</option> 
 
</SELECT> 
 
<INPUT id="Edit" TYPE="button" VALUE="Edit" />

Надеюсь, что приведенный выше код даст вам представление.

EDIT:

Вот обновленный ответ: https://jsfiddle.net/99x50s2s/44/