javascript - 将选择字段值和文本字段值连接到一个文本字段中

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">

如何连接文本字段的用户输入和选择字段并将其插入第三个隐藏字段？

例如：文本字段：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