jQuery实现火车票买票城市选择切换功能

效果图如下所示：

！DOCTYPE html html head lang=' en ' meta charset=' UTF-8 ' title/title style select { width : 200 px；背景色：青色；高度： 200像素；font-size : 20px} .BTN盒{宽度： 30px显示器：内联块；垂直对齐： 顶部；}/样式/标题dyh 1城市选择：/h1选择id=' src-city '名称=' src-city '多个选项值='1 '成都/option选项值='2 '泸州/option选项值='3 '攀枝花/option选项值='4 '眉山/option选项值='5 '北京/option选项值='6 '上海/option选项值='7 '广州/option选项值='8 '福州/option/selectdiv class=' BTN-box '！-实体字符-button id=' BTN 1 '/button id=' BTN 2 '/button id=' BTN 3 '/button id=' BTN 4 '/button/div select id=' tar-city ' name=' tar-city ' multiple/select script type=' text/JavaScript ' src=' http : js/jquery-3。2 .1 .量滴js '/script script $(function(){ $(“# BTN 1”)).单击(函数(){$('#src-cityoption ')).appendo(' # tar-city ')；});$('#btn2 ').单击(函数(){$('#tar-cityoption ')).appendo(' # src-city ')；});$('#btn3 ').单击(function(){ $('选择了# src-city选项： ').appendo(' # tar-city ')；});$('#btn4 ').单击(function(){ $(' # tar-city选项：已选中').appendo(' # src-city ')；});});/脚本/正文/html总结

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