JavaScript-从其他下拉菜单中选择optgroup中的一个选项

一直在谷歌搜索，但没有结果。因此，我在构建一个js scipt以自动从另一个下拉菜单的optgroup中选择一个选项时遇到了这个问题

因此，它将看起来像：

下拉菜单

<ul class="dropdown-menu">
<li><a href="#">A*</a></li>
<li><a href="#">A</a></li>
<li><a href="#">B</a></li>
<li><a href="#">C</a></li>
<li><a href="#">D</a></li></ul>

上面是等级列表，应该从optgroup中选择特定选项。下面是html中的optgroup

<optgroup label="Grade Comments">
<option value="Category 1">Comment for A*</option>
<option value="Category 2">Comment for A</option>
<option value="Category 3">Comment for B</option>
<option value="Category 4">Comment for C</option>
<option value="Category 5">Comment for D</option></optgroup>

评论*
评论
B的评论
对C的评论
D的评论

---

因此，当用户选择某个等级时，将选择特定的注释。如何绑定分数和评论？

好像很久以前有另一个用户问过这个问题。 请看一看：

试着理解帮助。阿朱·蒙是对的。只是复制粘贴并不是解决问题的正确方法

---

祝您度过愉快的一天。

仅限使用高级浏览器玩： 使用

…

---

请检查下面的代码

    <ul class="dropdown-menu" id="category">
    <li><a href="#">A*</a></li>
    <li><a href="#">A</a></li>
    <li><a href="#">B</a></li>
    <li><a href="#">C</a></li>
    <li><a href="#">D</a></li></ul>

    <select id="selectCmt">
    <optgroup label="Grade Comments">
    <option value="A*">Comment for A*</option>
    <option value="A">Comment for A</option>
    <option value="B">Comment for B</option>
    <option value="C">Comment for C</option>
    <option value="D">Comment for D</option></optgroup>
    </select>

---

工作示例：

请分享您尝试过的内容？嗨，对不起，我对javascript/html非常陌生，不知道从哪里开始。能给我一些建议吗？

    <ul class="dropdown-menu" id="category">
    <li><a href="#">A*</a></li>
    <li><a href="#">A</a></li>
    <li><a href="#">B</a></li>
    <li><a href="#">C</a></li>
    <li><a href="#">D</a></li></ul>

    <select id="selectCmt">
    <optgroup label="Grade Comments">
    <option value="A*">Comment for A*</option>
    <option value="A">Comment for A</option>
    <option value="B">Comment for B</option>
    <option value="C">Comment for C</option>
    <option value="D">Comment for D</option></optgroup>
    </select>

    $("#category").on("click","a",function(e){
            e.preventDefault();
            $('#selectCmt').val($(this).text());
    })