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 相关文章推荐
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 jQuery
jQuery复合事件用法示例
Jun 10 jQuery
jQuery动画_动力节点节点Java学院整理
Jul 04 jQuery
jQuery Easyui Treegrid实现显示checkbox功能
Aug 08 jQuery
jQuery实现菜单栏导航效果
Aug 15 jQuery
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
jQuery 点击获取验证码按钮及倒计时功能
Sep 20 jQuery
jquery实现Ajax请求的几种常见方式总结
May 28 jQuery
jQuery 选择方法及$(this)用法实例分析
May 19 jQuery
jQuery+ajax实现用户登录验证
Sep 13 jQuery
jQuery实现回到顶部效果
Oct 19 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 读取文件头判断文件类型的实现代码
2013/08/05 PHP
PHP浮点数的一个常见问题
2016/03/10 PHP
PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
Laravel框架实现超简单的分页效果示例
2019/02/08 PHP
PHP7 echo和print语句实例用法
2019/02/15 PHP
Yii框架实现对数据库的CURD操作示例
2019/09/03 PHP
nicejforms——美化表单不用愁
2007/02/20 Javascript
Javascript 检测键盘按键信息及键码值对应介绍
2013/01/03 Javascript
基于JavaScript 下namespace 功能的简单分析
2013/07/05 Javascript
JS逆序遍历实现代码
2014/12/02 Javascript
如何在node的express中使用socket.io
2014/12/15 Javascript
jQuery操作DOM之获取表单控件的值
2015/01/23 Javascript
详解js图片轮播效果实现原理
2015/12/17 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
Google 地图API Map()构造器详解
2016/08/06 Javascript
jQuery检查元素存在性(推荐)
2016/09/17 Javascript
概述jQuery的元素筛选
2016/11/23 Javascript
jQuery实现加入收藏夹功能(主流浏览器兼职)
2016/12/24 Javascript
jQuery内容筛选选择器实例代码
2017/02/06 Javascript
jquery获取select,option所有的value和text的实例
2017/03/06 Javascript
javascript图片预览和上传(兼容IE)
2017/03/15 Javascript
jquery实现异步加载图片(懒加载图片一种方式)
2017/04/24 jQuery
js继承的这6种方式!(上)
2019/04/23 Javascript
Vue动态组件和异步组件原理详解
2019/05/06 Javascript
python [:3] 实现提取数组中的数
2019/11/27 Python
Python测试Kafka集群(pykafka)实例
2019/12/23 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
python里的单引号和双引号的有什么作用
2020/06/17 Python
为女性购买传统的印度服装和婚纱:Kalkifashion
2019/07/22 全球购物
医院护士专业个人的求职信
2013/12/09 职场文书
师德师风演讲稿
2014/05/05 职场文书
体育教师求职信
2014/05/24 职场文书
工厂见习报告范文
2014/10/31 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
欠条范文
2015/07/03 职场文书
红领巾广播站广播稿
2015/08/19 职场文书