jQuery实现点击下拉框中的值累加到文本框中的方法示例


Posted in jQuery onOctober 28, 2017

本文实例讲述了jQuery实现点击下拉框中的值累加到文本框中的方法。分享给大家供大家参考,具体如下:

先来看看运行效果:

 jQuery实现点击下拉框中的值累加到文本框中的方法示例

具体代码如下:

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 <title>3water.com jQuery添加下拉框元素</title>
 <script src="https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script>
</head>
<!-- 加在body标签中屏蔽右键 oncontextmenu="return false" -->
<body >
<select name="city" id="s2" lay-search>
 <option value="">请选择</option>
 <option value="layer">layer</option>
 <option value="form">form</option>
 <option value="layim">layim</option>
</select>
<button class="layui-btn " type="button" id="add_subject">添加</button>
<input name="subject" id="subject" type="text" data-label="," value="">
<script>
  var seleVal='';
  $("#add_subject").on("click",function(){
    seleVal+=$("#s2>option:selected").val()+',';
    $("#subject").val(seleVal);
  })
</script>
</body>
</html>

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
Jquery-data的三种用法
Apr 18 jQuery
详谈表单格式化插件jquery.serializeJSON
Jun 23 jQuery
QRCode.js:基于JQuery的生成二维码JS库的使用
Jun 23 jQuery
jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】
Aug 18 jQuery
基于jQuery的表单填充实例
Aug 22 jQuery
jquery 一键复制到剪切板的实例
Sep 20 jQuery
浅谈ajax在jquery中的请求和servlet中的响应
Jan 22 jQuery
jquery分页插件pagination使用教程
Oct 23 jQuery
使用异步controller与jQuery实现卷帘式分页
Jun 18 jQuery
jQuery中DOM常见操作实例小结
Aug 01 jQuery
jQuery实现鼠标移入显示蒙版效果
Jan 11 jQuery
Jquery Fade用法详解
Nov 06 jQuery
jquery ajax异步提交表单数据的方法
Oct 27 #jQuery
360提示[高危]使用存在漏洞的JQuery版本的解决方法
Oct 27 #jQuery
关于jQuery里prev()的简单操作代码
Oct 27 #jQuery
jQuery判断网页是否已经滚动到浏览器底部的实现方法
Oct 27 #jQuery
JavaScript自执行函数和jQuery扩展方法详解
Oct 27 #jQuery
jquery使用iscorll实现上拉、下拉加载刷新
Oct 26 #jQuery
使用JQuery实现图片轮播效果的实例(推荐)
Oct 24 #jQuery
You might like
php empty() 检查一个变量是否为空
2011/11/10 PHP
PHP中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
destoon后台网站设置变成空白的解决方法
2014/06/21 PHP
php使用fgetcsv读取csv文件出现乱码的解决方法
2014/11/08 PHP
Laravel 6.2 中添加了可调用容器对象的方法
2019/10/22 PHP
isArray()函数(JavaScript中对象类型判断的几种方法)
2009/11/26 Javascript
javascript使用for循环批量注册的事件不能正确获取索引值的解决方法
2014/12/20 Javascript
JavaScript父子窗体间的调用方法
2015/03/31 Javascript
简单介绍jsonp 使用小结
2016/01/27 Javascript
jQuery限制图片大小的方法
2016/05/25 Javascript
jQuery插件扩展测试实例
2016/06/21 Javascript
VUE element-ui 写个复用Table组件的示例代码
2017/11/18 Javascript
基于vue.js的分页插件详解
2017/11/27 Javascript
微信小程序中换行空格(多个空格)写法详解
2018/07/10 Javascript
微信小程序有旋转动画效果的音乐组件实例代码
2018/08/22 Javascript
vue-socket.io接收不到数据问题的解决方法
2020/05/13 Javascript
基于VUE实现简单的学生信息管理系统
2021/01/13 Vue.js
Python下rrdtool模块的基本使用方法
2015/11/13 Python
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
Python装饰器用法实例总结
2018/05/26 Python
transform python环境快速配置方法
2018/09/27 Python
pytorch dataloader 取batch_size时候出现bug的解决方式
2020/02/20 Python
Python基于内置库pytesseract实现图片验证码识别功能
2020/02/24 Python
美国休闲服装品牌:Express
2016/09/24 全球购物
JACK & JONES英国官方网站:欧洲领先的男装生产商
2017/09/27 全球购物
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
多媒体专业自我鉴定
2014/02/28 职场文书
经济担保书范文
2014/04/02 职场文书
租房协议书
2014/04/10 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
家庭贫困证明书(3篇)
2014/09/15 职场文书
乡镇干部个人整改措施思想汇报
2014/10/10 职场文书
2015年防汛工作总结
2015/05/15 职场文书
少年派的奇幻漂流观后感
2015/06/08 职场文书
大学同学聚会感言
2015/07/30 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server