Объединить значение поля select и значение текстового поля в один текстовый файл

Question

У меня есть следующие поля формы

<input type="text" id="domain" name="domain">
<select id="sub" name="sub">
<option value="TEST.SITE">TEST.SITE</option>
</select>
<input type="hidden" id="full" name="full">

Как я могу объединить пользовательские вводы текстового поля и выбрать поле и вставить его в 3-е скрытое поле?

Пример: текстовое поле: HELLO выберите поле: TEST.SITE значение полного поля должно быть: HELLO.TEST.SITE

Answer 1

Вы можете использовать jQuery для того же:

  $(function(){
      $("#formId").on("submit", function(){ // change your formId here
      const domain = $("#domain").val();  //get domain value
      const sub = $("#sub").val();         // get sub value
      $("#full").val(domain + "." + sub); // join them with .
    })
 })

Answer 2

Вы можете использовать этот код, Он изменит скрытое поле на Blur событии подтекстового поля, Вы можете изменить событие в соответствии с вашими требованиями,

<script src="https://code.jquery.com/jquery-3.4.1.min.js" ></script>

<input type="text" id="domain" name="domain">
<select id="sub" name="sub">
    <option value="TEST.SITE">TEST.SITE</option>
</select>
<input type="hidden" id="full" name="full">

<script>
$(document).ready(function(){
    $('#domain').on('blur', function(){
        var domain = $('#domain').val();
        var sub = $('#sub').val();

        var full = domain + '.' + sub;
        $('#full').val( full );
    });
});
</script>

Рабочий пример: https://paiza.io/projects/P13ImGFxhiOfcEaEn4RxTA