Javascript CSS+；HTML+；JAVA-添加到语言选项/组合框的链接

你好。请参阅下面的代码。我有四种语言。我想为每种语言添加一个链接，以便每次从组合中选择语言时都能访问一个新页面。我该怎么做

<!-- FLAGS -->
<div class="language-picker js-language-picker" data-trigger-class="btn btn--subtle js-tab-focus">
  <form action="" class="language-picker__form">
    <label for="language-picker-select">Select your language </label>

    <select name="language-picker-select" id="language-picker-select">
      <option lang="de" value="deutsch">Deutsch</option>
      <option lang="en" value="english" selected>English</option>
      <option lang="fr" value="francais">Français</option>
      <option lang="it" value="italiano">Italiano</option>
    </select>
  </form>
</div>
<!-- FLAGS -->

选择您的语言
德国
英语
法国
意大利语

例如，我更改此行，添加链接。但它不起作用

<option lang="de" value="deutsch" <a href="https://google.com">Deutsch</a> </option>

---

您可以使用每次更改都会触发的onchange事件来执行此操作

<select onchange="if (this.value) window.location.href=this.value">
    <option value="">Pick one:</option>
    <option value="/de">Deutsch</option>
    <option value="/fr">Français</option>
</select>


选择一个：
德国
法国
谢谢你，卡里姆。如果我想在每种语言中添加一个带有标志的图标，我该怎么做？也许你也可以用这个新选项更新答案。