javascript - 将 jquery 代码从定位值更改为链接

Question

嗨，我得到了这个带有下拉列表的 html 代码，我在其中选择蓝色或绿色选项，它与下面的 jquery 配合得很好。

<select id="styleSelect">
    <option value="styleblue">Blue</option>
    <option value="stylegreen">Green</option>
</select>

jquery

  $("#styleSelect").change(function() {
       updateStyleSheet($(this).val());
  });

我的问题是如何将此代码更改为可点击的链接而不是选项值，我现在 html 代码应该是这样的

<div id="styleSelect">
<a href="styleblue">click here</a>
<a href="stylegreen">click here</a>
</div>

但是 jquery 应该是什么样子呢？

Answer 1

$("#styleSelect a").click(function(e) {
   e.preventDefault();
   updateStyleSheet($(this).attr('href'));
});