我可以在选择选项旁边有一个按钮吗？如果不能，我是否可以将按钮放在外面，并使用select中的选项进行连接？

<select id="mySelect">
  <option value="option1">选项1</option>
  <option value="option2">选项2</option>
  <option value="option3">选项3</option>
</select>
<button id="myButton">按钮</button>

<script>
  var selectElement = document.getElementById("mySelect");
  var buttonElement = document.getElementById("myButton");

  selectElement.addEventListener("change", function() {
    var selectedOption = selectElement.value;
    // 根据选中的选项值执行相应的操作
    if (selectedOption === "option1") {
      // 执行选项1的操作
    } else if (selectedOption === "option2") {
      // 执行选项2的操作
    } else if (selectedOption === "option3") {
      // 执行选项3的操作
    }
  });

  buttonElement.addEventListener("click", function() {
    // 点击按钮执行的操作
  });
</script>