jquery - 将标签添加到表单字段 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>

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