全国咨询热线:18720358503

小程序生成二维码_jQuery完成火车票买票城市选择

类别:企业动态 发布时间:2021-01-11 浏览人次:

jQuery实现火车票买票城市选择切换功能       本文通过实例代码给大家分享了jQuery实现火车票买票城市选择切换功能,非常不错,具有参考借鉴价值,需要的朋友参考下吧

效果图如下所示:


 !DOCTYPE html 
 html 
 head lang="en" 
 meta charset="UTF-8" 
 title /title 
 style 
 select {
 width: 200px;
 background-color: teal;
 height: 200px;
 font-size: 20px;
 .btn-box {
 width: 30px;
 display: inline-block;
 vertical-align: top;
 /style 
 /head 
 body 
 h1 城市选择: /h1 
 select id="src-city" name="src-city" multiple 
 option value="1" 成都 /option 
 option value="2" 泸州 /option 
 option value="3" 攀枝花 /option 
 option value="4" 眉山 /option 
 option value="5" 北京 /option 
 option value="6" 上海 /option 
 option value="7" 广州 /option 
 option value="8" 福州 /option 
 /select 
 div 
 !--实体字符-- 
 button id="btn1" /button 
 button id="btn2" /button 
 button id="btn3" /button 
 button id="btn4" /button 
 /div 
 select id="tar-city" name="tar-city" multiple 
 /select 
 script type="text/javascript" src="js/jquery-3.2.1.min.js" /script 
 script 
$(function(){
$("#btn1").click(function(){
$("#src-city option").appendTo("#tar-city");
$("#btn2").click(function(){
$("#tar-city option").appendTo("#src-city");
$("#btn3").click(function(){
$("#src-city option:selected").appendTo("#tar-city");
$("#btn4").click(function(){
$("#tar-city option:selected").appendTo("#src-city");
 /script 
 /body 
 /html 

总结

以上所述是小编给大家介绍的jQuery实现火车票买票城市选择切换功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对凡科网站的支持!


下一篇:没有了

推荐阅读

小程序生成二维码_jQuery完成火车票买票城市选择

jQuery完成列车票买票大城市挑选转换作用 文中根据案例编码给大伙儿共享了jQuery完成列车票买票大城市挑选转换作用,十分非常好,具备参照效仿使用价值,必须的朋友参照一下...

2021-01-11
微信小程序开发示例_详解.vue文件中监听input输入

详细说明.vue文档中监视input键入恶性事件(oninput) oninput 恶性事件再用户键入时开启,小白实例教程中的使用方法是:可是在.vue中那样写是沒有功效的:input type="text" id="cardsNum...

2021-01-11
众微时代,人人都会变成营销专家?

它是一个归属于自媒体平台的时期,有句话是那么说的,每个人皆是新闻媒体,每一个人都可以以传出自身的响声。这句话听着通常很兴奋,细心想一想却并不是那麼件事情,但是是一...

2021-01-11
网络推广不能不知道的12条理论!

做互联网营销推广,不可以沒有目地性的做营销推广,务必要有整体规划性的营销推广才可以保证事倍功半!今日深圳市企业网站建设小熊利高新科技网编就来和大伙儿共享有关互联...

2021-01-11
小网站应该如何赢利

小网站应当怎样盈利创作者:1做了百度搜索的同盟,阿里巴巴的同盟,便是协助她们公布这种大企业接的广告宣传,从这当中大家小网站获得甚少的分为,一个点一下0.0一元,0.0两元不...

2021-01-11
广州凡科互联网科技股份有限公司招聘(旺季急

招聘人数:27职位信息这是一个可以让你快速成长的尚德! 这是一个年轻的团队,专注做事,开心happy! 学习是一种信仰!于孤独处坚持,于迷茫处抉择! 尚德机构于迷茫处指...

2021-01-11
X

400-8700-61718720358503
企业邮箱2639601583@qq.com
官方微信