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

Question

我想编写一个 jQuery 函数来重新添加selected到这样的下拉菜单中：

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

我想出的功能是：

function updateSelectedCategory(catName) {
    $(".category option").each(function (k, v) {
        console.log(k, v);
        if (v.text() == catName) {
            v.prop("selected", true)
        }
    });
}

然而，尽管有几种不同的尝试来获取期权价值并进行比较，但我还是失败了。所以感谢你的帮助。

标签： javascriptjquerydrop-down-menu