首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在我追加新行后,select2不工作

在前端开发中,Select2是一个流行的下拉选择框插件,它提供了更好的用户体验和功能扩展。当你追加新行后,Select2可能会失效的原因有以下几种可能性:

  1. DOM元素未正确初始化:在追加新行后,需要重新初始化Select2插件,以便它能够对新的下拉选择框生效。可以通过调用Select2的初始化方法来实现,例如:
代码语言:txt
复制
$('.select2').select2();

这样可以确保新追加的下拉选择框也能够应用Select2插件。

  1. 事件绑定问题:如果在追加新行后,没有正确绑定Select2的事件处理程序,那么它可能无法正常工作。确保在追加新行后,重新绑定Select2的事件处理程序,例如:
代码语言:txt
复制
$('.select2').on('select2:select', function (e) {
  // 处理选择事件
});

这样可以确保新追加的下拉选择框的事件能够被正确处理。

  1. 数据加载问题:如果新追加的下拉选择框需要动态加载数据,那么需要确保在追加新行后,重新加载数据并刷新Select2插件。可以通过调用Select2的数据加载方法来实现,例如:
代码语言:txt
复制
$('.select2').empty().select2({
  ajax: {
    url: 'data.php',
    dataType: 'json',
    processResults: function (data) {
      // 处理数据
      return {
        results: data
      };
    }
  }
});

这样可以确保新追加的下拉选择框能够正确加载数据。

总结起来,当你追加新行后,确保重新初始化Select2插件、重新绑定事件处理程序以及重新加载数据(如果需要),可以解决Select2不工作的问题。

关于腾讯云相关产品,腾讯云提供了丰富的云计算服务,包括云服务器、云数据库、云存储等。你可以参考腾讯云官方文档了解更多相关产品和详细介绍:

  • 腾讯云官方文档:https://cloud.tencent.com/document/product

请注意,以上答案仅供参考,具体解决方法可能因具体情况而异。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

12家科技创业公司工作,这是的8条经验

这是一篇经验帖,作者 Daniel Shenfeld 曾在 12 家创业公司工作过,这些公司覆盖金融科技、医疗、教育技术、生物技术等多个领域,所处的阶段也各有不同,从种子前(pre-seed)到收购都有...Daniel 不同的公司中担任各种各样的职位,从基层员工到数据科学主管和战略顾问主管都做过。在所有工作中,他一直致力于研究有趣的机器学习和数据科学问题。...从这么多工作经历中他学到了什么?本文介绍了他对产品、数据和人才的 8 条经验。 关注产品,而非 AI 作为货真价实的数学家,一开始是被机器学习科学打动的,想创建的算法和方法来解决挑战。...它是创造价值的引擎,而产品是建立引擎基础上的:产品和数据必须要协同工作。...机器学习应用的背景下,有些人可能担心他们的工作会被自动化取代。其他人则正在根据技术提供的信息做出重要决策。

42450

Google 工作六年半还是选择离职了

以下为译文: 谷歌工作了六年半之后,便离开了这家或许是世界上最好的公司。待过的公司里,谷歌的供职时间最长。离开谷歌是为了去一家能够赚大钱的公司,寻找一个高风险高回报的机会。... YouTube 数据基础设施上工作了短暂的一段时间,部门的文化氛围和同事都非常不错。 那么谷歌的产品就都很完美?完全没有改进的余地吗?当然不是。 谷歌的某些领域,执行情况可能会更好。...整个团队正致力于改进流程,但我觉得仍有工作要做。老实说,谷歌不再是一个小的初创公司,一个8万人的大公司中寻找平衡很难。 这让想到了 Google Cloud。...二、Google Cloud 不再是初创公司 谷歌担任 PM 的第一个任务是推出 Monarch,它是谷歌针对谷歌应用和服务(地图、Gmail 等)的监控服务。...试问一下,哪家公司希望用与谷歌相同的敏捷性、规模和安全性来构建其服务?将用户扩展到数十亿,同时提升稳定性和可靠性,将中断降至最低? 当然,这并不影响谷歌工作六年半最终选择离职。

93930
  • 数据科学家:实际工作深刻认识到的五点

    通过这段时间的学习历程,发现在从事数据科学领域时,大多数初学者可能会遇到一些常见的问题。本文中总结出当中最需要注意的五点,希望能帮助你更好地进行数据科学之旅,让我们开始吧! 1....业务领域知识 刚开始从事数据科学工作时,这一点让最印象深刻。一开始并没有意识到领域知识的重要性。相反,花了大量时间用于提高技术知识,不真正了解业务需求的情况下去构建复杂的模型。 ?...如果彻底了解公司业务,你的模型很可能不会为公司增加任何价值,因为它无法满足公司的商业目的,无论你的模型有多精确。 提高模型精度的最常用技术是网格搜索,用于搜索模型的最佳参数。...你可能会在进行了一段时间探索性数据分析,但仍未获得任何见解;你可能会不断地用不同参数训练模型,希望得到改进;你可能好不容易完成数据清理,而实际上数据却不够干净,无法提供给模型。...曾经也经历过这些过程,后来意识到自己缺乏结构良好的工作流程,而且内心急于求成。 最后所做的是退后一步,从全局把握问题。并且重新梳理想法和工作流程,努力使一切都标准化和系统化。最终这奏效了!

    44510

    select2 api参数的文档

    函数用于呈现当前的选择 formatResult 函数 函数用来渲染结果, formatResultCssClass 函数 函数用于添加css类结果元素 formatNoMatches 字符串/函数 字符串包含“匹配...函数 记号赋予器函数可以处理输入搜索框的输入每一个按键和提取 并选择选择。...tags 数组/函数 将Select2放入“标签'mode,用户可以添加的选择和预先存在的标签是通过提供 这个选项的属性是一个 数组 或者一个 函数 返回一个 数组的 对象 或 字符串 。...val", "CA"); }); // id="CA" 选中(好像单个还不行,以数组形式才) $("#el").click(function() { $("#e2").select2("val", "..."); }); // 选中任何值 $("#e1").click(function () { var data = $("#e2").select2("data"); }); // 获取选中对象 $(

    5.9K50

    select2 使用教程(简)「建议收藏」

    大家好,又见面了,是你们的朋友全栈君。 用了这么久的Select2插件,也该写篇文章总结总结。当初感觉Select2不是特别好用,但又找不到比它更好的下拉框插件。...的印象里Select2有2个版本,最新版本有一些的特性,并且更新了一下方法参数,比最初版本要好看一些,本文针对新版本。...发生到服务器的参数名;所以这里你可以添加自定义参数,如:stype:’person’) 2.processResults中results: data返回数据(返回最终数据给results,如果的数据...2、Select2控件的实际使用代码分析 1)基础界面代码及操作 使用select2控件,一般是常规的select控件上,设置一下即可(设置它的class为select2)。...4)select2控件的赋值处理 上面介绍的方法,都是介绍select2控件的初始化,绑定相关的数据,那么如果初始化界面,我们绑定编辑界面的值的时候,就需要赋值给控件,让它显示真正需要显示的项目了。

    22.1K20

    yii2组件之下拉框带搜索功能的示例代码(yii-select2)

    为了实现你那ZB的伎俩,好吧,确实也简单,一代码解决掉。...echo $form->field($model, 'title')->widget(Select2::classname(), [ 'data' => $data, 'options' => [...到此,我们已经可以唱者NB的歌欢快的回家了 等等,好像忘记什么了,有眼尖的小伙伴可能注意到了,$data都是我们预先准备好的数据,你说这数据量万一很大的情况,搞死人了嘛,那接下来让我们看看如何实现异步搜索结果...来,上家伙,我们来看看如何使用异步搜索功能,工作中尤其是进行关联数据的时候其用途更是大大的,方便性嘛,看看就知道了,好用的不得了。...我们先来预览下异步搜索的效果图 注意哦,图中标记的部分是我们通过输入的关键词搜索出来的,异步这效果呢,截图上来估计你也看不到效果,动图还不会,不知道怎么搞的,要说具体是啥效果吗,相信大多数人也是明白滴

    1.1K20

    autocomplete light配置xadmin使用时一记小坑

    (select2.js:729) 你要是搜的话多半能发现这是版本问题,但是你看了看autocomplete light里面用到select2是一个挺的版本,而报错的这个版本是3...autocomplate light和xadmin都是用select2这个js库。...这看起来有点奇怪了,这里没出问题,但是其他人那里一样的代码会出问题。 首先的原因可能就是我们的版本不一样。But,确认发现版本一样。 那么就是另外的原因,有细微的差别。...于是看了下network里面js的加载顺序,这里是先加载autocomplete light的select2的资源,然后再加载xadmin自己的。 而其他人那边刚好相反,所以问题在这。...Django的源码中,有这样的一个概念(:-) 自己总结的)—— 自治。 什么是自治呢?通俗来说就是高内聚,翻译成大白话来说就是能自己搞定的事就别麻烦别人。

    93420

    基于Metronic的Bootstrap开发框架经验总结(3)--下拉列表Select2插件的使用

    我们整个框架里面,用到了很多Select2控件来处理内容的显示,包括单选的下拉列表(包括级联选择框)、复选的下拉列表、树形下拉列表等方式,界面效果如下所示。...2、Select2控件的实际使用代码分析 1)基础界面代码及操作 使用select2控件,一般是常规的select控件上,设置一下即可(设置它的class为select2)。..."> 吸烟 吸烟 ...4)select2控件的赋值处理 上面介绍的方法,都是介绍select2控件的初始化,绑定相关的数据,那么如果初始化界面,我们绑定编辑界面的值的时候,就需要赋值给控件,让它显示真正需要显示的项目了。...//清空Select2控件的值 $("#PID").select2("val", ""); $("#Company_ID").select2("val",

    4.1K90

    一段探索React自建内部构造的旅程

    最先被调用的方法是componentWillReceiveProps(),当组件接收到属性时被调用。我们可以利用此方法为React组件提供一个render之前修改state的机会。...当接收到的属性或者state时render之前会立刻调用componentWillUpdate()方法。...此方法有两个参数: prevProps:旧的属性 prevState:旧的state 这个方法的一个常见使用场景是当我们使用需要操作更新的DOM才能工作的第三方库——如jQuery插件的时候。...可以在内部执行任何可能需要的清理工作,如无效的计数器或者清理一些componentDidMount()/componentDidUpdate()内创建的DOM。..._ref).select2('destroy'); }, ... 概述 React为我们提供了一种创建组件时申明一些将会在组件生命周期的特定时机被自动调用的方法的可能。

    1.1K40

    Django接口新增页面编写_2(十五)

    做一个好看的页面真的是一件困难的事情,所以还是遵循复制修改的原则,首先是借鉴httpbin页面的方式进行块状展开。 ? 块状 从模版中找到类似的html代码: ?...蛮符合我们的要求的 但是里面只有一内容,我们需要在里面放一个类似表格的输入框,所以继续找到如下表格 ? 表格形式 通过组合之后就符合我们的要求了。 大概展示的效果如下: ?...placeholder="请输入接口名称" style="width: 30%; border-radius:5px;"> 虽然丢人的使用了br来进行换行,但是从一个实用主义的角度来看,先这样吧,不会CSS的还能咋办...table class="table table-bordered"> 请求方式: <select class="<em>select2</em>...box-default collapsed-box的时候横条会自动隐藏,当box-header with-border的时候会自动显示,这个当然是通过测试发现的,测试方法可以看如下动图,分别是点击小图标<em>后</em>的显示与隐藏导致的

    98050

    动态博客的后台定制

    对于已经习惯 Markdown 写作的来说,只管写,排版渲染就交给浏览器去做。找了很多内嵌 Markdown 编辑器,既要外观匹配,还要最好带预览功能。最终选择了 Simple MDE。...使用方法非常简单,引入 CSS, Javascript 文件,只需要一句话就搞定了: Html var simplemde = new SimpleMDE({ element: document.getElementById...已经事先把 Flask-Admin 的基模板给换成了 bootstrap4。这个编辑器全屏模式下支持分栏预览,非常惊艳。...Flask-Admin 原生支持这两种类型的属性输入框,但有以下不足: 基于 Select2 3.x,不支持自由输入的选择框(tags)。 无法动态添加不存在的项到数据库中。...想像一下这个使用场景,你修改文章,把一个标签删除了,这个标签已经没有任何文章使用,那你肯定希望它再出现在标签列表里吧?

    53010

    VFP缓冲表的记录有五种变化,揭密一键保存的核心秘密

    猫猫的VFP三层开发框架,跟江兴太仓金属,这是一个台资企业签了维护合同,现在框架已经好多公司应用了,我们社群是做实事的,做好更好用的框架,用VFP局限于VFP,用VFP混合一切。...今年的社群还会有的变化,大家都知道猫猫在学主持,其实学主持和当初学自媒体写作是一样的,看似毫不相关,但目标其实一样的,更好的为社群成员服务。2020年社群将会有的变化,请大家期待吧。...编辑记录,记录号不变。 编辑和追加记录的缓冲 删除记录,记录号也不变,但可以用deleted()函数获取删除状态。...编辑、删除一个添加记录并追加另外记录的缓冲 缓冲表记录状态全掌握 那还没有一个函数可以全部判定状态呢? 还真有。...隐含修改发生在有默认值的字段使用任何添加记录的命令时。 也就是说,新增的记录,如果有默认值,状态不同。

    1.7K30

    Python 换行符以及如何在 Python 输出时不换行

    比如: 发生这种情况是因为,根据python文档内置 print 功能的 end 参数的默认值为 \n,因此该字符串追加了一个换行符。 提示:追加( append )的意思是“添加到末尾”。...类似的,我们可以使用它在同一中打印可迭代的值: 输出结果是: 文件中的换行符 文件中也可以找到换行符 \n,但是它是“隐藏的”。当你文本文件中看到行时,其实已经插入字符 \n。...\n 字符结尾,该字符“幕后”工作。...你可以打印字符串而无需添加的 end = ,其中 是将用于分隔行的字符。 希望你喜欢的文章并发现它对你有所帮助。...现在,你可以 Python 中使用换行符了。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,拥有所有权,承担相关法律责任。

    13.8K10

    一篇文章带你掌握mysql的一致性视图(MVCC)

    串行化,顾名思义是对于同一记录,“写”会加“写锁”,“读”会加“读锁”。当出现读写锁冲突的时候,访问的事务必须等前一个事务执行完成,才能继续执行。...ReadView是如何工作的?...如果被访问版本的trx_id属性值大于ReadView中的max_trx_id值,表明生成该版本的事务在当前事务生成ReadView才开启,所以该版本不可以被当前事务访问。...k from t where id =1; commit; 在这个例子中,我们做如下假设: 事务A、B的版本号分别是100、200,且当前系统里只有这3个事务; 三个事务开始前,(1,1)这一数据的...:Transaction 200提交,Transaction 100未提交 SELECT * FROM hero WHERE number = 1; # 得到值为2 这个SELECT2的执行过程如下:

    1.2K30

    MySQL中的MVCC到底能不能解决幻读

    MySQL当中,只有使用了InnoDB存储引擎的数据库表才支持事务。 有了事务就可以用来保证数据的完整以及一致性,保证成批的SQL语句要么全部执行,要么全部执行。...这表示写入的资料必须完全符合所有的预设规则,这包含资料的精确度、串联性以及后续数据库可以自发性地完成预定的工作。...**持久性:**事务处理结束,对数据的修改就是永久的,即便系统故障也不会丢失。 MySQL 命令行的默认设置下,事务都是自动提交的,即执行 SQL 语句就会马上执行 COMMIT 操作。...WHERE''检索一定范围内数据的操作中间,事务2在这个表中创建了(如[[INSERT]])了一数据,这条数据正好满足事务1的“WHERE”子句。...复制代码 此刻,表t中id为1的记录得到的版本链表如下所示: 千万注意,上面事务100,还没提交哦,可没有执行commit指令。

    55010
    领券