如何将两个字段组合成第三个标签？答案

【问题标题】：How to Combine Two Fields into a Third One For Tags?如何将两个字段组合成第三个标签？
【发布时间】：2020-05-08 21:57:55
【问题描述】：

所以我有两个字段，一个常规输入和一个下拉菜单。我希望将这两个字段组合成第三个字段（即创建标签）。在第三个字段中，可以通过按 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>

【问题讨论】：

标签： javascript html jquery input tags

【解决方案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>

【讨论】：