добавить теги в formfield jquery

Question

Что бы я хотел, чтобы сделать, это добавить неупорядоченные элементы списка с помощью tagit-плагина. Это работает, как показано в приведенном ниже коде. Когда элементы списка добавлены, я хотел бы получить их значения и добавить их в поле формы в списке, разделенном запятыми, на submit.

Jquery указан для скрипта tagit, который я использую, но не должен влиять на часть добавления списка.

Это то, что я до сих пор:

<script type="text/javascript"> 
     $(document).ready(function() { 
      $("#myTags").tagit(); 
     }); 
     </script> 

     <ul id="myTags"> 
      <!-- Existing list items will be pre-added to the tags --> 
      <li>Tag1</li> 
      <li>Tag2</li> 
     </ul> 

Answer 1

Ладно ... Я понял это. Что я сделал:

<script type="text/javascript"> 
     $(document).ready(function() { 
       $("#myTags").tagit(); 
      $('#submit_button').click(function() { 
       var optionTexts = []; 
        $("ul li").each(function() { optionTexts.push($(this).text()) }); 
       var taglist = '' + optionTexts.join(', ') + ''; 
       $('#field1').val(taglist); 
       $('#form1').submit(); 
      }); 
     }); 
     </script> 

     <ul id="myTags"> 
      <!-- Existing list items will be pre-added to the tags --> 
      <li>Tag1</li> 
      <li>Tag2</li> 
     </ul> 
     <form method="post" action="test.cfm"> 
      <input type="hidden" name="field1" id="field1" value="" /> 
      <input type="submit" id="submit_button" value="Submit"> 
     </form> 

Я думаю, что его нужно немного очистить, но он заполняет поле.