Bagaimana untuk Meniru Teg PILIH Baca Sahaja dalam HTML untuk Data POST?

Patricia Arquette
Lepaskan: 2024-11-16 10:22:02
asal
330 orang telah melayarinya

How to Emulate Readonly SELECT Tag in HTML for POST Data?

Meniru Teg PILIH Baca Sahaja dalam HTML untuk Data POST

Walaupun spesifikasi HTML membenarkan melumpuhkan elemen SELECT dengan atribut yang dilumpuhkan, ini menghalangnya nilai daripada disertakan dalam permintaan POST atau GET. Ini menimbulkan cabaran apabila tingkah laku yang diingini adalah untuk menghalang pengguna daripada mengubah suai pemilihan tetapi masih mengekalkan nilainya untuk penyerahan.

Untuk mengatasi isu ini dan mencapai fungsi baca sahaja sambil mengekalkan data POST, pendekatan dua langkah disyorkan :

  1. Pastikan SELECT Dilumpuhkan: Kekalkan atribut yang dilumpuhkan pada SELECT elemen untuk menghalang interaksi pengguna.
  2. Tambah Input Tersembunyi: Buat elemen input tersembunyi dengan atribut nama yang sama seperti SELECT dan tetapkan nilainya kepada nilai semasa SELECT.

Jika anda ingin mendayakan elemen SELECT kemudian, ikuti ini langkah:

  1. Dayakan semula SELECT: Alih keluar atribut yang dilumpuhkan daripada SELECT dan tetapkan atribut namanya kembali kepada nilai asalnya.
  2. Segerak dengan Input Tersembunyi: Sekiranya berlaku perubahan pada SELECT, salin nilainya ke input tersembunyi untuk memastikan ketekalan.

Berikut ialah contoh kod untuk menggambarkan pendekatan ini:

<form>
Salin selepas log masuk
$('#animal-select').change(function() {
  $('#animal').val($(this).val());
});
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Meniru Teg PILIH Baca Sahaja dalam HTML untuk Data POST?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan