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

Question

我开始学习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>

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

我想一些javascript可能是必要的，但我也很想知道是否有一些方法可以在没有js的情况下做到这一点，你告诉我什么？我还没有开始使用javascript，但无论如何，它会是什么样子？

Answer 1

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

使用.value获取每个输入的值，使用+连接字符串。

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