使用jquery为表单追加/删除div

我有一个自动完成输入字段，现在，为了存储多个值，需要用逗号分隔每个值。我正在尝试添加一个“添加”按钮，以便在每个选定值之后，用户单击它，该值将从输入框中删除并存储在另一个输入字段中

例如，这里有一些潜在的选择：

Array(
  [500] => 'Firefly', 
  [501] => 'Dollhouse',
  [502] => 'Serenity',
  [503] => 'Wonder Boys',
  [504] => 'Buffy the Vampire Slayer',
  [505] => 'Angel'
)

如果用户开始键入“F”并从下拉框中选择“Firefly”，我想从“yo值”输入框中删除“Firefly”，然后在“dropbox”表中，我想在表中追加一行：

<tr><td><input type="text" name="field_yo2[value][500]" value="Firefly" /></td></tr>

我解释清楚了吗？我觉得我不是。。。我可以用jquery来实现这一点，对吗

<!-- this is the input field where the user begins typing their selection -->
<input type="text" class="form-text" value="" id="yo-value" name="field_yo[value]"  autocomplete="OFF">

<input type="hidden" disabled="disabled" value="/ct/autocomplete/field_yo" id="edit-field-yo-value-autocomplete" class="autocomplete autocomplete-processed">

<input value="Add" class="form-submit add-to-yo" name="manual-add" id="manual-add-button">

<div class="dropbox">
 <table>
  <caption class="dropbox-title">YO Selection(s):</caption>
   <tbody>
    <tr class="dropbox-entry first last dropbox-is-empty">
    <td>  </td>
    </tr>
   </tbody>
 </table>
</div>

YO选择：

您使用的是特定的自动完成插件，还是您自己设计的？在这两种情况下，是否有一个“选择”事件提供有关所选内容的信息？它是一个插件，更具体地说是为Drupal构建的插件。