如何将两个字段合并为标记的第三个字段？

Question

所以我有两个字段，一个常规输入和一个下拉列表。我希望将这两个字段合并为第三个字段（用于创建标签）。在第三个字段中，可以通过按X来删除标签，但否则不能在其中输入任何内容。

我已经在某处完成了此操作，但是对我来说，我不记得此过程的名称或名称，所以找不到插件。

这是我能得到的最远的。我觉得这是可以做到的jQuery插件，但我不确定。

<form>
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
 <select id="lname">
  <option value="Bryant">Bryant</option>
  <option value="oneal">O'Neal</option>
  <option value="Jordan">Jordan</option>
  <option value="Pippen">Pippen</option>
</select><br><br>

<input type="submit" value="Combine">
<br><br>
   <label for="fullname">Full name tags:</label>
  <input type="text" id="fullname" name="fullname" disabled><br><br>

</form>

Answer 1

尝试一下

function myFunction(){
  var fname = $('#fname').val();
  var lname = $('#lname').val();
  $('#fullname').val(fname + " " + lname);
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<form>
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
 <select id="lname" >
  <option value="Bryant">Bryant</option>
  <option value="oneal">O'Neal</option>
  <option value="Jordan">Jordan</option>
  <option value="Pippen">Pippen</option>
</select><br><br>

<input type="button" value="Combine" onclick="myFunction()">
<br><br>
   <label for="fullname">Full name tags:</label>
  <input type="text" id="fullname" name="fullname" disabled><br><br>

</form>