代码之家  ›  专栏  ›  技术社区  ›  Chris Pilie

向表单字段jquery添加标记

  •  0
  • Chris Pilie  · 技术社区  · 11 年前

    我想做的是使用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>
    
    1 回复  |  直到 11 年前
        1
  •  0
  •   Chris Pilie    11 年前

    可以我想明白了。我所做的是:

    <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>
    

    我认为它需要清理一下,但它占据了整个领域。