jq实现关联标签功能

最新推荐文章于 2024-09-07 03:56:10 发布

T暴风雪

最新推荐文章于 2024-09-07 03:56:10 发布

阅读量208

点赞数

分类专栏： JQ 文章标签： jquery html 关联标签

本文链接：https://blog.csdn.net/T_Struggle/article/details/120705239

版权

本文介绍了如何利用jQuery实现关联标签的功能。通过点击‘添加’按钮弹出窗口，用户可以在窗口中选择多个标签，这些标签将被追加到父页面的指定位置。详细内容包括父页面的结构和iframe中用于处理标签选择的JavaScript代码。

摘要由CSDN通过智能技术生成

实现类似下图的功能：点击“添加”按钮后出现弹窗，可以点选标签，追加到父页面对应位置

1、父页面内容（部分）

<tr>
     <td align="right">关联标签</td>
     <td><span class="relation">
        <span>吃鸡<a href="javascript:" onclick="delRealtion(1);$(this).parent().remove();" title="删除">&#10006</a>&nbsp;&nbsp;</span>
        <span>吃鸡手游<a href="javascript:" onclick="delRealtion(2);$(this).parent().remove();" title="删除">&#10006</a>&nbsp;&nbsp;</span>
        </span><input type="button" class="relationZt" value="添加">
    </td>
</tr>
<input type=