我已经将从select和option标签创建的下拉菜单更改为Hoverable下拉菜单。我应该如何传递其中的值？

<select id="myDropdown">
  <option value="value1">选项1</option>
  <option value="value2">选项2</option>
  <option value="value3">选项3</option>
</select>

// 获取下拉菜单元素
var dropdown = document.getElementById("myDropdown");

// 监听点击事件
dropdown.addEventListener("click", function() {
  // 获取选中的选项的值
  var selectedValue = dropdown.value;
  
  // 在这里可以将选项的值传递给其他地方进行处理
  console.log("选中的值为：" + selectedValue);
});