添加标签到formfield jquery

Question

我想能做的是添加无序列表元素与标签插件。这工作如下面的代码所示。一旦添加了列表元素，我希望获取它们的值并在提交时将它们添加到逗号分隔列表中的表单字段。

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> 

我认为它需要清理一下，但它填充该字段。