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>
<p class="btn-box">
<!--实体字符-->
<button id="btn1"> >> </button>
<button id="btn2"> << </button>
<button id="btn3"> ></button>
<button id="btn4"> < </button>
</p>
<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>相关推荐：
Atas ialah kandungan terperinci jQuery实现买火车票城市选择切换功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Undress AI Tool
Gambar buka pakaian secara percuma
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
1393
52
1205
24
Bolehkah enjin kertas dinding dikongsi sesama keluarga?
Mar 18, 2024 pm 07:28 PM
Adakah Wallpaper menyokong perkongsian keluarga Malangnya, ia tidak boleh disokong. Namun, kami mempunyai penyelesaian. Contohnya, anda boleh membeli dengan akaun kecil atau memuat turun perisian dan kertas dinding daripada akaun besar dahulu, dan kemudian menukar kepada akaun kecil. Melancarkan perisian itu tidak mengapa. Bolehkah wallpaperengine dikongsi bersama keluarga? Jawapan: Kertas dinding tidak menyokong fungsi perkongsian keluarga pada masa ini. 1. Difahamkan bahawa WallpaperEngine nampaknya tidak sesuai untuk persekitaran perkongsian keluarga. 2. Untuk menyelesaikan masalah ini, anda disyorkan untuk mempertimbangkan untuk membeli akaun baharu 3. Atau muat turun perisian dan kertas dinding yang diperlukan dalam akaun utama dahulu, dan kemudian beralih ke akaun lain. 4. Hanya buka perisian dengan klik ringan dan ia akan baik-baik saja. 5. Anda boleh melihat sifat pada halaman web di atas"
Bagaimana untuk menetapkan kertas dinding skrin kunci pada enjin kertas dinding? Cara menggunakan enjin kertas dinding
Mar 13, 2024 pm 08:07 PM
WallpaperEngine ialah perisian yang biasa digunakan untuk menetapkan kertas dinding desktop Pengguna boleh mencari gambar kegemaran mereka dalam WallpaperEngine untuk menjana kertas dinding desktop. Ia juga menyokong penambahan gambar dari komputer ke WallpaperEngine untuk menetapkannya sebagai kertas dinding komputer. Mari kita lihat bagaimana kertas dindingengine menetapkan kertas dinding skrin kunci. Tutorial kertas dinding skrin kunci tetapan Wallpaperengine 1. Mula-mula masukkan perisian, kemudian pilih dipasang, dan klik "Konfigurasi Pilihan Kertas Dinding". 2. Selepas memilih kertas dinding dalam tetapan berasingan, anda perlu klik OK di bahagian bawah sebelah kanan. 3. Kemudian klik pada tetapan dan pratonton di atas. 4. Seterusnya
Adakah terdapat sebarang virus semasa menonton filem enjin kertas dinding?
Mar 18, 2024 pm 07:28 PM
Pengguna boleh memuat turun pelbagai kertas dinding apabila menggunakan WallpaperEngine, dan juga boleh menggunakan kertas dinding dinamik Ramai pengguna tidak tahu sama ada terdapat virus semasa menonton video di WallpaperEngine, tetapi fail video tidak boleh digunakan sebagai virus. Adakah terdapat sebarang virus semasa menonton filem pada mesin kertas dinding? 1. Hanya fail video tidak boleh digunakan sebagai virus. 2. Cuma pastikan anda memuat turun video daripada sumber yang dipercayai dan mengekalkan langkah keselamatan komputer untuk mengelakkan risiko jangkitan virus. 3. Kertas dinding aplikasi adalah dalam format apk, dan apk mungkin membawa virus Trojan. 4. WallpaperEngine sendiri tidak mempunyai virus, tetapi beberapa kertas dinding aplikasi dalam bengkel kreatif mungkin mempunyai virus.
Dalam folder manakah terdapat kertas dinding enjin kertas dinding?
Mar 19, 2024 am 08:16 AM
Apabila menggunakan kertas dinding, pengguna boleh memuat turun pelbagai kertas dinding yang mereka suka untuk digunakan Ramai pengguna tidak tahu folder mana kertas dinding itu berada. Kertas dinding yang dimuat turun oleh pengguna disimpan dalam folder kandungan. Dalam folder manakah kertas dinding itu? Jawapan: folder kandungan. 1. Buka Penjelajah Fail. 2. Klik "PC ini" di sebelah kiri. 3. Cari folder "STEAM". 4. Pilih "steamapps". 5. Klik “bengkel”. 6. Cari folder "kandungan".
Adakah enjin kertas dinding menggunakan banyak kuasa?
Mar 18, 2024 pm 08:30 PM
Pengguna boleh menukar kertas dinding komputer mereka apabila menggunakan WallpaperEngine Ramai pengguna tidak tahu bahawa WallpaperEngine menggunakan banyak kuasa daripada kertas dinding statik, tetapi tidak banyak. Adakah mesin kertas dinding menggunakan banyak kuasa. Jawapan: Tidak banyak. 1. Kertas dinding dinamik menggunakan lebih sedikit kuasa daripada kertas dinding statik, tetapi tidak banyak. 2. Menghidupkan kertas dinding dinamik akan meningkatkan penggunaan kuasa komputer dan menghilangkan sedikit penggunaan memori. 3. Pengguna tidak perlu risau tentang penggunaan kuasa yang serius bagi kertas dinding dinamik.
Di manakah rekod langganan enjin kertas dinding?
Mar 18, 2024 pm 05:37 PM
Bagaimana untuk menyemak rekod langganan kertas dinding? Ramai pengguna telah membuat sejumlah besar langganan pada perisian ini, tetapi mungkin tidak tahu cara untuk menanyakan rekod ini. Sebenarnya, anda hanya perlu mengendalikannya di kawasan fungsi menyemak imbas perisian. Di manakah rekod langganan wallpaperengine? Jawapan: Dalam antara muka penyemakan imbas. 1. Sila mulakan komputer dahulu dan masukkan perisian kertas dinding. 2. Cari ikon tab Semak imbas di sudut kiri atas aplikasi dan klik padanya. 3. Dalam antara muka "Semak imbas", anda akan melihat gambaran keseluruhan pelbagai kertas dinding dan suapan. 4. Masukkan kata kunci yang anda ingin cari dalam kotak carian di penjuru kanan sebelah atas. 5. Bergantung pada hasil carian, anda boleh mencari maklumat sumber langganan kertas dinding. 6. Klik pada suapan yang sepadan untuk memasuki halaman webnya. 7. Memesan
Bagaimana untuk menukar saiz fon dalam pelayar Microsoft Edge - Bagaimana untuk menukar saiz fon dalam pelayar Microsoft Edge
Mar 04, 2024 pm 05:58 PM
Saya rasa anda tidak biasa dengan pelayar Microsoft Edge, tetapi adakah anda tahu cara menukar saiz fon dalam pelayar Microsoft Edge Artikel berikut menerangkan cara menukar saiz fon dalam pelayar Microsoft Edge. Mula-mula, cari pelayar Microsoft Edge dan klik dua kali untuk membukanya. Anda boleh mencari penyemak imbas Microsoft Edge dalam pintasan desktop, menu mula atau bar tugas, dan klik dua kali untuk membukanya. Kedua, buka antara muka [Settings] untuk memasuki antara muka penyemak imbas ini, klik logo [...] di penjuru kiri sebelah atas klik dua kali [Settings] untuk membuka antara muka tetapan; Sekali lagi, cari dan buka antara muka [Penampilan] dan tatal ke bawah dengan tetikus
Apakah yang perlu saya lakukan jika pelayar Microsoft Edge tidak memaparkan imej Apakah yang perlu saya lakukan jika pelayar Microsoft Edge tidak memaparkan imej?
Mar 04, 2024 pm 07:43 PM
Baru-baru ini, ramai rakan bertanya kepada editor apa yang perlu dilakukan jika pelayar Microsoft Edge tidak memaparkan imej Seterusnya, mari kita belajar bagaimana untuk menyelesaikan masalah pelayar Microsoft Edge tidak memaparkan imej. 1. Mula-mula klik pada sudut kiri bawah untuk memulakan, dan klik kanan pada "Microsoft Edge Browser", seperti yang ditunjukkan dalam rajah di bawah. 2. Kemudian pilih "Lagi" dan klik "Tetapan Apl", seperti yang ditunjukkan dalam rajah di bawah. 3. Kemudian tatal ke bawah untuk mencari "Gambar", seperti yang ditunjukkan dalam gambar di bawah. 4. Akhir sekali, hidupkan suis di bawah gambar, seperti yang ditunjukkan dalam gambar di bawah. Di atas adalah semua kandungan yang editor bawa kepada anda tentang perkara yang perlu dilakukan jika pelayar Microsoft Edge tidak memaparkan gambar saya harap ia boleh membantu anda.
