Использование jquery для добавления / удаления div для формы - PullRequest
Новая
       2

Использование jquery для добавления / удаления div для формы

1 голос
/ 03 сентября 2010

У меня есть поле ввода автозаполнения, и сейчас, чтобы сохранить несколько значений, вам нужно отделить каждое из них запятой. Я пытаюсь добавить кнопку «Добавить», чтобы после каждого выбранного значения пользователь нажимал на нее, и это значение удалялось из поля ввода и сохранялось в другом поле ввода.

Так, например, вот несколько возможных вариантов: 

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

Если пользователь начинает вводить «F» и выбирает «Firefly» из выпадающего списка, я хочу удалить «Firefly» из поля ввода «yo-value», а затем в таблицу «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>
...