单个页面上有多个标记表单

more than one tagging form on a single page

本文关键字：表单 单个页      更新时间：2023-09-26

我使用的是http://codecanyon.net/item/dynamic-tag-form/482498?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=RikdeVos.我的工作要求在一个页面中有多个标记表单。例如，我想显示三种具有不同id的标记形式：tags1、tags2和tag3。

<div id="tags1"></div>
<div id="tags2"></div>
<div id="tags3"></div>

并从以下位置调用脚本：

<script>
  $(document).ready(function(){
  $("#tags1").tag({
        width: 400,
        height: 90,
        inputName: 'tags1'
    });
});
 </script>

现在，如果我复制/粘贴脚本部分并将tags1替换为tags2，我如何调用tags2和tags3？我正在获得表单，但必须有更好的方法，比如在脚本中将名称作为变量传递。

通过循环遍历容器中的每个元素来遍历所有标记表单。

HTML:

<div class="tags-container">
    <div id="tags1"></div>
    <div id="tags2"></div>
    <div id="tags3"></div>
</div>

Javascript：

$(document).ready(function(){
    $(".tags-container div").each(function (index, element) {
        $(this).tag({
            width: 400,
            height: 90,
            inputName: $(this).attr('id')
        });
    });
});
相关文章：