Javascript 更新/编辑下拉列表中已添加的名称（选择）

我有一个下拉列表，我如何编辑名称并在下拉列表中更新它，比如如果我想将ABC的文本更改为AAA，我如何实现这一点？ 当点击编辑按钮时会出现一个新的弹出窗口，用户可以输入自定义名称AAA只是一个将取代ABC的示例

---

以下是一个可能的解决方案：

$“编辑”。单击“编辑”功能{ $'CBid'。查找'option[value=ABC]'。文本'AAA'； }; 基础知识 麦当劳 XYZ

---

是的，我确实希望用户添加他想要的任何名称，这样会出现一个弹出窗口，他可以输入一个新名称，然后点击更新。然后在下拉列表中添加新名称我想这应该是一个新问题：我已经更新了我的问题，我只期待结果。谢谢@VimalanI看到你更新的问题和之前的评论之间有一点冲突。是否要编辑现有选项文本或在选择控件中添加新选项？新的用户定义名称将替换现有选项。值属性是否也需要更改？是，这也将更改。当我将值传递给其他函数时。

<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()" />