formfield jquery에 태그 추가

Question

내가 할 수 있기를 원하는 것은 tagit 플러그인으로 정렬되지 않은 목록 요소를 추가하는 것입니다. 아래 코드와 같이 작동합니다. 목록 요소를 추가하고 나면 해당 값을 가져 와서 제출시 쉼표로 구분 된 목록의 양식 필드에 추가하고 싶습니다.

나열된 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> 

나는 약간 정리해야한다고 생각하지만 필드를 채 웁니다.