首页 > 其他分享 >[GPT] jquery chosen插件选择的多个元素是逗号分隔的,怎么设置成其它分隔符号 ?

[GPT] jquery chosen插件选择的多个元素是逗号分隔的,怎么设置成其它分隔符号 ?

时间:2023-06-11 20:44:27浏览次数:47  
标签:jquery 插件 chosen 表单 逗号 分隔符 input

 

如果你想要在 jQuery Chosen 插件中使用其它分隔符号,可以通过以下方式实现:

 

1. 设置 delimiter 选项为一个包含所需分隔符的字符串。

$(".chosen-select").chosen({
  delimiter: ";"
});

在这个例子中,我们将分隔符设置为分号 ;

 

2. 在表单提交时,使用 JavaScript 替换默认的逗号分隔符。

$("form").submit(function() {
  var chosenValues = $("#my-chosen-select").val();
  var modifiedValues = chosenValues.join(";"); // 将数组中的值用分号连接起来
  $("#my-hidden-input").val(modifiedValues); // 将修改后的值存储在隐藏的 input 中
});

 

在这个例子中,我们将选中的值从数组中取出并使用分号连接起来,然后将结果存储在一个隐藏的 input 中。这样,当表单被提交时,使用的就是自定义的分隔符。

注意,如果你需要使用像空格这样的特殊字符作为分隔符,可能需要对表单提交进行一些额外的处理,以避免数据被意外截断或解释错误。

 

Link:https://www.cnblogs.com/farwish/p/17473553.html

标签:jquery,插件,chosen,表单,逗号,分隔符,input
From: https://www.cnblogs.com/farwish/p/17473553.html

相关文章

  • blender 使用物理骨骼,受物理影响+不影响主观能动性的"物理妥协骨骼" 插件:wiggle bone
    复制需要物理模拟的控制骨,做2层一样的控制骨,在DEF的需要物理模拟的骨骼中加约束,影响:0.5解决wiggle异常抖动还没有解决办法……......
  • Gradle 的安装与配置 + eclipse 里安装 Gradle 插件
    一、什么是Gradle基于ApacheAnt和ApacheMaven概念的项目自动化构建开源工具,基于Groovy这个特定DSL语言来进行声明项目设置,也增加了基于Kotlin语言的kotlin-basedDSL。简介:Gradle是一个基于JVM的构建工具,是一款通用灵活的构建工具,支持maven,Ivy仓库,支持传递性依赖管理,而不需要远......
  • Vue插件:Vue-resource github搜索示例
     1:安装插件  vue-resourcevue的插件库,在vue1.0年代使用几率很高2:界面效果3:代码信息说明:该示例代码基本上是与《“Vue中通过事件总线方式组件间传递数据及调用Vue脚手架中的axios数据调用方式获取github提供的用户接口数据信息”》一文中的代码相同。        故:此处......
  • 看看Angular有啥新玩法!手把手教你在Angular15中集成Excel报表插件
    Angular15新特性Angular框架(以下简称“Angular”)作为一款由谷歌开发的Web应用程序框架,其强大的依赖注入系统、可重复使用的模块化开发理念和响应式编程模式等特点让Angular一问世便取得了巨大的关注和流量。截止目前为止,Angular已经迭代了15个版本,而Angular15又有哪些新的亮眼表现......
  • 用jQuery实现轮播图——超简单(代码解释)
    一、直接上代码<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title></title> <style> .wrapper{ width:600px; height:350px; border:1pxsolidred; position:relative; } ......
  • 前端vue基于原生check增强单选多选插件
    前端vue基于原生check增强单选多选插件, 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12979效果图如下:     ####使用方法```使用方法<!--多选组件 checkData:多选数据 @change:多选事件 --><ccCheckView:checkDa......
  • 使用CNI网络插件(calico)实现docker容器跨主机互联
    目录一.系统环境二.前言三.CNI网络插件简介四.常见的几种CNI网络插件对比五.Calico网络之间是如何通信的六.配置calico让物理机A上的docker容器c1可以访问物理机B上的docker容器c26.1安装部署etcd集群6.2安装部署docker6.3配置calico6.4使用Calico实现Docker容器跨主机互联七.......
  • mybatis分页插件之分页原理
    1. limit分⻚  126mysql的limit后⾯两个数字:第⼀个数字:startIndex(起始下标。下标从0开始。)第⼆个数字:pageSize(每⻚显示的记录条数)假设已知⻚码pageNum,还有每⻚显示的记录条数pageSize,第⼀个数字可以动态的获取吗?startIndex = (pageNum - 1) * pageSize所以,标准通⽤的mysql......
  • jquery简单体验
    是继prototype之后又一个优秀的Javascript框架。对prototype我使用不多,简单了解过。但使用上jquery之后,马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery:prototype就像Java,而jquery就像ruby.实际上我比较喜欢java(少接触Ruby罢了)但是jquery的简单的实用的确......
  • [从jQuery看JavaScript]-变量与作用域链(Variable and Scope Chain)
    jQuery片段: 1.var2.//Willspeedupreferencestowindow,andallowsmungingitsname.3.window=this,4.//Willspeedupreferencestoundefined,andallowsmungingitsname.5.undefined,6.//MapoverjQueryinc......