Javascript 如何反应性地将所选内容添加到选项？

我想编写一个jQuery函数，将

所选的

添加到下拉菜单中，如下所示：

<select class="category">
       <option value=" ">  </option>
       <option value="car">car</option>
       <option value="pet">pet</option>
       <option value="game">game</option>   
 </select>

---

然而，尽管有几种不同的尝试来获取选项值并进行比较，我还是失败了。因此，非常感谢您的帮助。

您好，

v.text（）

应该是

$（此）。text（）

和这里的

v.prop（“选定”，真）

应该是

$（此）。prop（“选定”，真）

和

catName！=cateName

请同时更改它们。@Swati运行良好。谢谢。

=应仅为
=
。在我的评论中，我只是说
catName
与
catName
@freedomn-m不匹配这和我的问题不完全一样，因为我需要对选项进行比较，这是这里的主要问题。@Swati right。我纠正了打字错误。请回答，我接受。
function updateSelectedCategory(catName) {
    $(".category option").each(function (k, v) {
        console.log(k, v);
        if (v.text() == catName) {
            v.prop("selected", true)
        }
    });
}