开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

“Select2”在val更改时替换其他输入占位符

Select2是一个基于jQuery的选择框替代品，它提供了更强大的功能和更好的用户体验。当Select2的值发生变化时，可以通过监听change事件来执行相应的操作。

在Select2中，可以使用val方法来获取或设置选择框的值。当使用val方法设置新的值时，Select2会自动更新选择框的显示内容，并触发change事件。

当Select2的值发生变化时，可以通过监听change事件来执行相应的操作。例如，可以根据选择的值动态改变其他输入框的占位符。

以下是一个示例代码：

$('#mySelect').select2();

$('#mySelect').on('change', function() {
  var selectedValue = $(this).val();
  
  if (selectedValue === 'option1') {
    $('#otherInput').attr('placeholder', '请输入选项1的内容');
  } else if (selectedValue === 'option2') {
    $('#otherInput').attr('placeholder', '请输入选项2的内容');
  } else {
    $('#otherInput').attr('placeholder', '请输入其他选项的内容');
  }
});

在上面的示例中，#mySelect是一个Select2选择框的ID，#otherInput是另一个输入框的ID。当#mySelect的值发生变化时，根据选择的值动态改变#otherInput的占位符。

对于Select2的更多详细信息和用法，可以参考腾讯云的相关产品：腾讯云Select2产品介绍。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

select2 api参数的文档

// 加载数据 $("#e11").select2({ placeholder: "Select report type", allowClear: true, data: [{id: 0, text: 'story'},{id: 1, text: 'bug'},{id: 2, text: 'task'}] }); // 加载数组支持多选 $("#e11_2").select2({ createSearchChoice:function(term, data) { if ($(data).filter(function() { return this.text.localeCompare(term)===0; }).length===0) {return {id:term, text:term};} }, multiple: true, data: [{id: 0, text: 'story'},{id: 1, text: 'bug'},{id: 2, text: 'task'}] }); function log(e) { var e=$("

"); $("#events_11").append(e); e.animate({opacity:1}, 10000, 'linear', function() { e.animate({opacity:0}, 2000, 'linear', function() {e.remove(); }); }); } // 对元素进行事件注册 $("#e11") .on("change", function(e) { log("change "+JSON.stringify({val:e.val, added:e.added, removed:e.removed})); }) // 改变事件 .on("select2-opening", function() { log("opening"); }) // select2 打开中事件 .on("select2-open", function() { log("open"); }) // select2 打开事件 .on("select2-close", function() { log("close"); }) // select2 关闭事件 .on("select2-highlight", function(e) { log ("highlighted val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 高亮 .on("select2-selecting", function(e) { log ("selecting val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 选中事件 .on("select2-removing", function(e) { log ("removing val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 移除中事件 .on("select2-removed", function(e) { log ("removed val="+ e.val+" choice="+ JSON.stringify(e.choice));}) // 移除完毕事件 .on("select2-loaded", function(e) { log ("loaded (data property omitted for brevity)");}) // 加载中事件 .on("select2-focus", function(e) { log ("focus");}) // 获得焦点事件 .on("select2-blur", function(e) { log ("blur");}); // 失去焦点事件 $("#e11").click(function() { $("#e11").val(["AK","CO"]).trigger("change"); }); 官网文档地址是：http://select2.github.io/select2/#documentation。说再多也没用，最后我们来个实例来证明一下ajax请求远程数据，以截图为准：

05

kettle中实现动态SQL查询

在ETL项目中，通常有根据运行时输入参数去执行一些SQL语句，如查询数据。本文通过kettle中的表输入（“table input”）步骤来说明动态查询、参数查询。示例代码使用内存数据库（H2），下载就可以直接运行，通过示例学习更轻松。

02

json包含单双引号问题解决方案

最近项目中遇到需要JSON传数据但是某个字段里面可能含有双引号和单引号导致出现错误

01

select2 使用教程（简）「建议收藏」

用了这么久的Select2插件，也该写篇文章总结总结。当初感觉Select2不是特别好用，但又找不到比它更好的下拉框插件。

02

SQL注入解读

攻击者通过在应用程序中输入恶意的SQL语句，欺骗服务器执行非预期的数据库操作。说SQL注入的基本步骤：

02

Excel实战技巧49：模拟占位输出

在C语言中，经典的函数printf用来格式化输出内容，在格式字符串中包含了要原样输出的字符和占位符，占位符一般由%和指定转换格式组成，例如：

03

快速学习-基于代理 Dao 实现 CRUD 操作

我们在配置文件中没有加入%来作为模糊查询的条件，所以在传入字符串实参时，就需要给定模糊查询的标识%。配置文件中的#{username}也只是一个占位符，所以 SQL 语句显示为“？”。

03

python-数据库编程-如何在Python中连接到数据库

在Python中，我们可以使用各种模块来连接到关系型数据库并进行操作，如MySQL、PostgreSQL、SQLite等。

03

源码分析MyBatis中#{}与${}的解析

在面试中我们经常会被到MyBatis中 #{} 占位符与{}占位符的区别。大多数的小伙伴都可以脱口而出#{} 会对值进行转义，防止SQL注入。而{}则会原样输出传入值，不会对传入值做任何处理。本文将通过源码层面分析为啥#{} 可以防止SQL注入。

02

Java代码审计 -- SQL注入

在JDBC下有两种方法执行SQL语句，分别是Statement和PrepareStatement，即其中，PrepareStatement为预编译

02

Python高效编程之88条军规（2）：你真的会格式化字符串吗？

在微信公众号「极客起源」中输入595586，可学习全部的《Python高效编程之88条军规》系列文章。

01

MyBatis获取参数值的方式（一）

使用#{param}占位符可以获取单个参数值，其中param表示参数的名称。例如：

02

PSR-3 日志接口规范

本规范的主要目的，是为了让日志类库以简单通用的方式，通过接收一个 Psr\Log\LoggerInterface 对象，来记录日志信息。框架以及 CMS 内容管理系统如有需要，可以对此接口进行扩展，但需遵循本规范，

02

MyBatis 中$与#号的区别

#号的功能非常强大，如果有自定义类型需要调整，如将java中自定义的枚举类型转换为数据库中的数字时，只需要自定义一个typeHandler，在参数中指定就可以。

01

Mybatis 手撸专栏｜第9章：细化XML语句构建器，完善静态SQL解析

XML语句构建器是Mybatis中用于构建SQL语句的核心组件之一。它通过读取XML配置文件中的语句定义，生成对应的SQL语句，并在运行时根据传入的参数动态替换占位符，最终生成可执行的SQL语句。

03

sprintf格式化字符串

arg1、arg2、++ 参数将被插入到主字符串中的百分号（%）符号处。该函数是逐步执行的。在第一个 % 符号处，插入 arg1，在第二个 % 符号处，插入 arg2，依此类推。

02

MyBatis查询数据库（3）

前面我们讲解了MyBatis增删改查基本操作，下面我们来深入了解MyBatis其中不同和需要注意的地方。

02

php 使用PDO，防止sql注入简单说明

host:服务器 dbname:数据库名后面两个分别是帐号和密码默认不是长连接

02

jsp课程笔记（四）--JDBC增删改数据

Statement操作数据库：增删改：executeUpdate() 查询：executeQuery();

03

myabtis中#{} 和 ${} 的区别是什么

在MyBatis中，#{}和${}都用于在SQL语句中传递参数，但它们之间有一些关键的区别。

01

select2如何黏贴选择

有时在使用select2插件时会遇到这种需求：一次性选择一些数据，然后根据这些数据自动选择相关项，我也遇到了这种需求并实现，这里简单讲讲我的做法：

02

《JavaScript函数式编程指南》读书笔记

老规矩，这篇文章记录书中的重点部分，外加自己的见解，不会对全书进行复述，但记录的绝对是最重要的部分，想要了解跟多内容请看原版图书。

04

PHP的PDO预处理语句与存储过程

什么是预处理语句？可以把它看作是想要运行的 SQL 的一种编译过的模板，它可以使用变量参数进行定制。预处理语句可以带来两大好处：

02

MyBatis 中拼接字符串的几种方式

在 SQL 语句中，+ 号用于进行字符串拼接，相当于将两个字符串连接在一起。在上面的 SQL 语句中，1 和 2 会先进行数值运算，然后再拼接成字符串，最终的 SQL 语句等价于：

01

【Spring 篇】MyBatis注解开发：编写你的数据乐章

欢迎来到MyBatis的音乐殿堂！在这个充满节奏和韵律的舞台上，注解是我们编写数据乐章的得力助手。无需繁琐的XML配置，通过简单而强大的注解，你将能够轻松地与数据库交互。在这篇博客中，我们将深入探讨MyBatis注解开发的精妙之处，让你的数据操作更富有旋律。

01

[疯狂Java]JDBC：PreparedStatement预编译执行SQL语句

1) SQL语句和编程语言一样，仅仅就会普通的文本字符串，首先数据库引擎无法识别这种文本字符串，而底层的CPU更不理解这些文本字符串（只懂二进制机器指令），因此SQL语句在执行之前肯定需要编译的；

02

一个${}引发的惨案【MyBatis】

想必大家在MyBatis开发过程中，对#{}和{}符号很熟悉吧，很多面试官都很喜欢问#{}和{}之间的区别，那它们到底有什么区别呢？

01

SpringBoot高级篇JdbcTemplate之数据查询上篇

环境依然借助前面一篇的配置，链接如： 190407-SpringBoot高级篇JdbcTemplate之数据插入使用姿势详解

02

Mybatis 手撸专栏｜第13章：通过注解配置执行SQL语句

在前几章中，我们已经学习了如何手动实现一个简单的ORM框架，完成了基本的数据库连接、SQL生成和结果集处理，以及常用的增加、删除、修改和查询操作。然而，这种方式需要手动编写大量的SQL语句，不够灵活和方便。在本章中，我们将通过注解配置来执行SQL语句，使代码更加简洁、可读性更高，提升开发效率。

03

Mybatis占位符#{}和${}的区别？源码解读（二）

本文针对笔者日常开发中对 Mybatis 占位符 #{} 和 ${} 使用时机结合源码，思考总结而来

08

Laravel实现通过blade模板引擎渲染视图

laravel提供了blade模板引擎用于视图的渲染，在blade中可以直接使用PHP代码，并且blade最终也会被编译为php缓存起来，只有在blade文件被修改后才会重新编译，这一点可以节省开销提高应用性能。blade文件.blade.php作为视图文件存放于laravel的resource/views目录下。

02

Hibernate HQL详解

HQL(Hibernate Query Language) 是Hibernate框架提供的一种查询机制，它和 SQL 查询语言很相似。不同的是HQL是面向对象的查询语言，让开发者能够以面向对象的思想来编写查询语句，对Java编程来说是很好的一种方式。

01

聊聊 SpringBoot 中的两种占位符：@@ 和 ${}

在 SpringBoot 项目中，我们经常会使用两种占位符（有时候还会混用），它们分别是：

02

PHP中的PDO操作学习（二）预处理语句及事务

预处理语句就是准备好一个要执行的语句，然后返回一个 PDOStatement 对象。一般我们会使用 PDOStatement 对象的 execute() 方法来执行这条语句。为什么叫预处理呢？因为它可以让我们多次调用这条语句，并且可以通过占位符来替换语句中的字段条件。相比直接使用 PDO 对象的 query() 或者 exec() 来说，预处理的效率更高，它可以让客户端/服务器缓存查询和元信息。当然，更加重要的一点是，占位符的应用可以有效的防止基本的 SQL 注入攻击，我们不需要手动地给 SQL 语句添加引号，直接让预处理来解决这个问题，相信这一点是大家都学习过的知识，也是我们在面试时最常见到的问题之一。

00

PreparedStatement连接数据库实现登录验证，避免sql注入问题

一、代码 package d03_system; import java.sql.*; import java.util.Scanner; /** * zt * 2020/8/20 * 14

03

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

在上篇《基于Metronic的Bootstrap开发框架经验总结（2）--列表分页处理和插件JSTree的使用》介绍了数据的分页处理，使用了Bootstrap Paginator插件，另外对树形列表，采用了JSTree插件，本篇继续介绍在编辑页面中常用到的控件Select2，这个控件可以更加丰富传统的Select下拉列表控件，提供更多的功能和更好的用户体验。 1、Select2控件介绍这个插件是基于Select的扩展插件，能够提供更加丰富的功能和用户体验，它的github官网地址为:https://sel

09

SQL注入、占位符拼接符

所谓SQL注入，就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应用程序，将（恶意的）SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。

05

java之mybatis之占位符

2. #{} 占位符是为了获取值，获取的值用在 where 语句后，insert 语句后，update 语句。

02

Mybatis——#{}和${}的区别

在使用mybatis的时候我们会使用到#{}和${}这两个符号来为sql语句传参数，那么这两者有什么区别呢？

02

策略模式-短信模板业务场景

最近在开发公司的短信模板功能，简单的说，就是创建一些包含占位符的短信模板，在发送短信时将这些占位符使用特定值替换后再发出，例如短信模板中的公司名称占位符是{companyName}，在发送时，使用具体的公司名称将{companyName}替换。短信模板是一个独立的服务，其他模块在调用短信发送接口时，需要指定短信模板code以及要对占位符进行替换的占位符参数；因为调用短信发送的业务场景比较多，如果某次调用传入的占位符替换参数与对应短信模板占位符不匹配，会导致发出的短信还包含有未替换的占位符，影响到短信发送的有效性。因此，需要在发送短信时根据模板校验传入的占位符替换参数。目前定下来的需求是短信模板与传入的占位符替换参数必须完全对应才能发送短信，最简单的方法就是在发送短信时加上判断，如果不满足条件则拒绝发送，但是考虑到后续的拓展性（例如按照业务场景设定不同的拒绝策略），这一个判断过程最好是使用策略模式实现。

01

5. Mybatis获取参数值的两种方式

#{}：先编译 sql 语句，再给占位符传值，底层是 PreparedStatement 实现。可以防止 sql 注入，比较常用。

01

Golang如何优雅连接MYSQL数据库?

Go原生就支持连接数据库，所以在使用 Golang 开发时，当需要数据库交互时，即可使用database/sql包。

01

如何在 React 中的 Select 标签上设置占位符？

在 React 中，<Select> 标签是用于创建下拉选择框的组件。在某些情况下，我们希望在选择框中添加一个占位符，以提醒用户选择合适的选项。本文将详细介绍如何在 React 中的 <Select> 标签上设置占位符，并提供示例代码帮助你理解和应用这个功能。

03

静态站点生成器：makesite.py

通过在Python中编写自己的简单、轻量级、无魔法的静态站点生成器，完全控制静态网站/博客生成。对的！重新发明轮子，伙计们！

03

Mybatis【9】-- Mybatis占位符#{}和拼接符${}有什么区别？

1.#{}占位符可以用来设置参数，如果传进来的是基本类型，也就是(string,long,double,int,boolean,float等)，那么#{}里面的变量名可以随意写，什么abc,xxx等等，这个名字和传进来的参数名可以不一致。

02

如何管理SQL数据库

安装SQL数据库时，需要添加，修改，删除和查询数据所需的所有命令。这个备忘单样式指南提供了一些最常用的SQL命令的快速参考。

09

PHP开发过程的那些坑（四） ——PDO bindParam函数

PHP开发过程的那些坑（四）——PDO bindParam函数（原创内容，转载请注明来源，谢谢）坑： bindParam是PDOStatement的一个方法，用于在PDO操作中绑定占位符的内容，进

06

Python MySQLdb 执行sql语句时的参数传递方式

第一种写法，使用百分号%, 是用Python解释器对%s执行相应的替换。这种方法存在漏洞，有些时候不能正常解析，比如包含某些特殊字符，甚至会造成注入攻击的风险。

02

Android Paging库使用详解(小结)

Android分页包能够更轻易地在RecyclerView里面缓慢且优雅地加载数据.

03

MyBatis预编译机制详解

MyBatis对SQL语句解析的处理在XMLStatementBuilder类中，见源码：

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭