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

大家在买火车票的时候都会选择不同的城市，本文通过实例代码给大家分享了jQuery实现火车票买票城市选择切换功能，非常不错，具有参考借鉴价值，需要的朋友参考下吧，希望能帮助到大家。

效果图如下所示：

select {

width: 200px;

background-color: teal;

height: 200px;

font-size: 20px;

}

.btn-box {

width: 30px;

display: inline-block;

vertical-align: top;

}

城市选择：

成都

泸州

攀枝花

眉山

北京

上海

广州

福州

>>

<<

>

<

$(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");

});

});

相关推荐：