Javascript 如何将所选选项与用户插入的输入组合在一起？

我开始学习web开发，到目前为止只学习html、css和bootstrap。。。通过训练我学到的东西，我遇到了以下情况：

<div class="input-group">
     <input required type="email" name="" id="email" class="form-control">

     <div class="input-group-append">
          <select name="" id="kasp">
               <option value="@gmail.com">@gmail.com</option>
               <option value="@homail.com">@homail.com</option>
               <option value="@yahoo.com.br">@yahoo.com.br</option>
          </select>
    </div> 
</div>

@gmail.com
@homail.com
@yahoo.com.br

仅使用此选项，是否可以将在中键入的内容与选定的内容组合在一起

---

我想可能需要一些javascript来完成这项工作，但我也很好奇，如果没有js，是否有一些方法可以完成这项工作，那么你能告诉我什么？我还没有开始使用javascript，但无论如何，它看起来是什么样子？

提交表单时，您可以在服务器脚本中完成。但是如果你想在客户机上实现，你必须使用JavaScript

使用

.value

获取每个输入的值，并使用

+

连接字符串

var full_email = document.getElementById("email").value + document.getElementById("kasp").value