当我单击 Javascript 中的按钮时，如何使用存储在选择选项值中的 uri？

Question

我的下拉菜单具有以下onClick功能，select并且button：

function functionLooking() {

  var link = document.getElementById("lookingForThis").value;

  window.alert(link);

  location.href(decodeURIComponent(document.getElementById("lookingForThis").value));

}

<form>

  <label for="lookingForThis">I'm looking for</label>

  <select name="lookingForThis" id="lookingForThis" size="1">

    <option value="/about/our-congregations.php" data-link="/about/our-congregations.php">a multi-cultural church</option>

    <option value="/about/our-programs.php" data-link="/about/our-programs.php">a family-oriented church</option>

    <option value="https://school.faithalaska.com" data-link="https://school.faithalaska.com">a private school</option>

    <option value="/worship/bible-studies/" data-link="/worship/bible-studies/">a bible study group</option>

  </select>

  <button type="submit" onClick="functionLooking()">Let's Find It</button>

</form>

我只有代码中的警报窗口才能查看值显示为什么。它对我的功能并不重要，仅用于测试目的。我的问题是，当我单击按钮时，警报窗口会根据所选选项的值显示正确的字符串。例如，选项 1 显示/about/our-congregations.php。但是，当您单击确定警报的页面只是刷新，但附加与选择元素ID的URL和编码的URI，像这样：/?lookingForThis=%2Fabout%2Four-congregations.php。

正如您所看到的，我在 Javascript 方面不是很熟练，所以我不知道我做错了什么。我尝试过encodeURI，decodeURI最近一次没有成功。请帮我。