如何將選擇的選項與用戶插入的輸入放在一起？

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