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插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
jquery仿京东商品放大浏览页面
Jun 06 jQuery
jquery如何实现点击空白处隐藏元素
Dec 05 jQuery
基于jquery trigger函数无法触发a标签的两种解决方法
Jan 06 jQuery
jQuery仿移动端支付宝键盘的实现代码
Aug 15 jQuery
Jquery的autocomplete插件用法及参数讲解
Mar 12 jQuery
jQuery操作attr、prop、val()/text()/html()、class属性
May 23 jQuery
jQuery实现的记住帐号密码功能完整示例
Aug 03 jQuery
jquery中attr、prop、data区别与用法分析
Sep 25 jQuery
JQuery省市联动效果实现过程详解
May 08 jQuery
jQuery实现鼠标滑动切换图片
May 27 jQuery
jQuery cookie的公共方法封装和使用示例
Jun 01 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
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
PHP之浮点数计算比较以及取整数不准确的解决办法
2015/07/29 PHP
PHP微信开发之查询城市天气
2016/06/23 PHP
php版微信公众平台实现预约提交后发送email的方法
2016/09/26 PHP
PHP函数rtrim()使用中的怪异现象分析
2017/02/24 PHP
读jQuery之十一 添加事件核心方法
2011/07/31 Javascript
javascript管中窥豹 形参与实参浅析
2011/12/17 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
js为鼠标添加右击事件防止默认的右击菜单弹出
2013/07/29 Javascript
用jquery方法操作radio使其默认选项是否
2013/09/10 Javascript
5种处理js跨域问题方法汇总
2014/12/04 Javascript
jQuery内容折叠效果插件用法实例分析(附demo源码)
2016/04/28 Javascript
纯JS实现可拖拽表单的简单实例
2016/09/02 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
2019/09/03 Javascript
[01:06:07]2014 DOTA2国际邀请赛中国区预选赛5.21 DT VS CIS
2014/05/22 DOTA
Python跳出循环语句continue与break的区别
2014/08/25 Python
python修改操作系统时间的方法
2015/05/18 Python
浅析Python中的赋值和深浅拷贝
2017/08/15 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
Python格式化输出字符串方法小结【%与format】
2018/10/29 Python
pycharm中使用anaconda部署python环境的方法步骤
2018/12/19 Python
对python中字典keys,values,items的使用详解
2019/02/03 Python
pytorch 实现tensor与numpy数组转换
2019/12/27 Python
Python 开发工具通过 agent 代理使用的方法
2020/09/27 Python
悦木之源美国官网:Origins美国
2016/08/01 全球购物
网络、C以及其他硬件方面的面试题
2016/08/23 面试题
laravel使用redis队列实例讲解
2021/03/23 PHP
医学院毕业生自荐信
2013/11/08 职场文书
大学运动会入场词
2014/02/22 职场文书
文秘专业应届生求职信
2014/05/26 职场文书
关于拾金不昧的感谢信
2015/01/21 职场文书
论文致谢词范文
2015/05/14 职场文书
沂蒙六姐妹观后感
2015/06/08 职场文书
selenium.webdriver中add_argument方法常用参数表
2021/04/08 Python
SpringBoot整合Mybatis Generator自动生成代码
2021/08/23 Java/Android
解决Oracle数据库用户密码过期
2022/05/11 Oracle