Pada masa ini, cara yang lebih baik untuk membuat senarai pilih semua pilihan apabila dipilih/fokus_HTML/Xhtml_Pengeluaran halaman web

Semasa pembangunan, saya menghadapi situasi permintaan sedemikian, jadi saya merekodkannya untuk rujukan masa hadapan

Latar belakang keperluan

Gunakan pintasan papan kekunci pintasan pada halaman untuk mencari kaedah pembayaran kotak pilihan ( senarai juntai bawah) dan buat pilihan.

Kesukaran Teknikal

Pada masa ini, penyemak imbas tidak menyokong meletakkan senarai juntai bawah melalui kod untuk menyenaraikan semua pilihan di bawahnya Ia hanya boleh diklik dengan tetikus .

Selepas mencari beberapa maklumat di Internet, saya menghasilkan cara yang lebih baik untuk menanganinya

Gunakan atribut saiz pilih dan atribut kedudukan susun atur kotak untuk melaksanakannya; . Kod khusus adalah seperti berikut:

Salin kod

Kod tersebut adalah seperti berikut:

Kaedah pembayaran:

>

RMB< ;/option>
USD
Kad Kredit ;HKD
HKD


Kaedah kembangkan dan nyahkembangkan kedua-duanya mudah:




Salin kod

Kodnya adalah seperti berikut: fungsi kembangkan(obj){ $(obj).attr("saiz","10"); >}

fungsi unexpand(obj){

$(obj ).attr("saiz","1");

}


Tetapkan kedudukan pilih kepada mutlak supaya ia tidak menjejaskan susun atur aliran dom. Kemudian tetapkan kedudukan bekasnya kepada relatif supaya pilihan diletakkan mengikut bekasnya.

Apa yang perlu diperhatikan di sini ialah div mesti digunakan sebagai bekas pilihan dalam elemen jadual, kerana mengikut piawaian css w3c, penetapan position:relative pada elemen berkaitan jadual tidak ditentukan, jadi pilih elemen di bawah ff akan Kedudukan terus berdasarkan elemen badan.

Maklumat rujukan:

http://www.php-insite.com/autoexpand_select.html Lihat terus kod sumber halaman
http://bbs.csdn.net/topics /330158935 Perhatikan jawapan lingshuo1993

Label berkaitan：

select 聚焦 dipilih

sumber：php.cn

Artikel sebelumnya：Pengenalan perbandingan kepada atribut href tag dan onclick event_HTML/Xhtml_Web page production Artikel seterusnya：Soalan tentang atribut tersuai teg html_HTML/Xhtml_Pengeluaran halaman web

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

• Apakah itu NullPointerException, dan bagaimana saya membetulkannya?
  2024-10-22 09:46:29
• Daripada Novis kepada Coder: Perjalanan Anda Bermula dengan Asas C
  2024-10-13 13:53:41
• Membuka Kunci Pembangunan Web dengan PHP: Panduan Pemula
  2024-10-12 12:15:51
• Demystifying C: Laluan Yang Jelas dan Mudah untuk Pengaturcara Baharu
  2024-10-11 22:47:31
• Buka Potensi Pengekodan Anda: Pengaturcaraan C untuk Pemula Mutlak
  2024-10-11 19:36:51
• Lepaskan Pengaturcara Dalaman Anda: C untuk Pemula Mutlak
  2024-10-11 15:50:41
• Automasi Kehidupan Anda dengan C: Skrip dan Alat untuk Pemula
  2024-10-11 15:07:41
• PHP Dipermudahkan: Langkah Pertama Anda dalam Pembangunan Web
  2024-10-11 14:21:21
• Bina Apa sahaja dengan Python: Panduan Pemula untuk Melancarkan Kreativiti Anda
  2024-10-11 12:59:11
• Kunci Pengekodan: Membuka Kunci Kuasa Python untuk Pemula
  2024-10-11 12:17:31

Isu terkini

SQL Count() juga memerlukan 0 Saya hanya mempunyai satu jadual dan saya ingin mengira setiap entri tag yang bermula deng...

daripada 2024-04-06 19:48:53

0

1

449

sql groupby tidak berfungsi, saya mahu kumpulan mengikut code_branch -&gt;pilih('a.statusasstatus','b.nameascustomer_name','e.nameasbranch_name','c.nameasc...

daripada 2024-04-06 19:24:49

0

2

488

Ralat telah ditemui semasa cuba mendapatkan semula versi terkini pakej daripada search.maven.org "Ralat: Tidak dapat mengambil data daripada repositori Maven" semasa mendapatkan...

daripada 2024-04-05 12:11:23

0

1

1471

Ubah suai gaya matSelect apabila memaparkan pilihan Bagaimana untuk menukar sifat pilih tikar apabila pilihan dihidupkan? <mat-selectclass=...

daripada 2024-04-05 09:23:19

0

1

1374

Gema di dalam div dengan gema bersarang Saya cuba menggunakan echo<?phprequire'connect.php';$query=mysqli_query($conn,"SEL...

daripada 2024-04-04 11:09:23

0

1

390

Topik-topik yang berkaitan

Lagi>

• Teknik yang biasa digunakan untuk perangkak web
• Penyelesaian kepada sistem pengendalian yang hilang segera skrin hitam komputer
• Bagaimana untuk mematikan perlindungan masa nyata dalam Pusat Keselamatan Windows
• Bagaimana untuk menyambung asp untuk mengakses pangkalan data
• Pengenalan jenis fail
• Cara menggunakan fungsi imfinfo
• Alat ekspresi biasa
• Bagaimana untuk memulihkan set kepala Bluetooth kepada mod binaural

Cadangan popular

• url是什么意思？
• DOM是什么意思
• 如何改变图片大小
• HTML中如何将字体加粗
• html图片大小如何设置

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1418692
• 
  Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu

  4260250
• 
  Tutorial Video Permulaan JAVA

  2496064
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  504757
• 
  Tutorial pengenalan berasaskan sifar PHP

  859748

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1418692 kali belajar
• 
  Tutorial Video Permulaan JAVA

  2496064 kali belajar
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  504757 kali belajar
• 
  Pengenalan pantas kepada pembangunan bahagian hadapan web

  215472 kali belajar
• 
  Kuasai tutorial video PS dari awal

  881955 kali belajar

• 
  [Web front-end] Permulaan pantas Node.js

  6736 kali belajar
• 
  Koleksi lengkap kursus timbunan penuh pembangunan web asing

  5248 kali belajar
• 
  Gunakan GraphQL praktikal bahasa

  4395 kali belajar
• 
  Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah

  646 kali belajar
• 
  Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam

  22352 kali belajar

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan

• [butang borang] kod hubungan borang mesej perusahaan jQuery
• [Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5
• [Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk
• [butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan
• [Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS
• [kesan khas html5] Permainan kotak menolak html5 klasik
• [Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej
• [Kesan album foto] Kesan zum hover kulit album peribadi CSS3

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

• [bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)
• [bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)
• [gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)
• [bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)
• [bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)
• [bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza
• [gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)
• [bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

Tentang kita Penafian Sitemap

© php.cn All rights reserved