Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Meniru Atribut Baca Sahaja untuk Tag SELECT HTML dan Masih Mendapatkan Data POST?

Bagaimana untuk Meniru Atribut Baca Sahaja untuk Tag SELECT HTML dan Masih Mendapatkan Data POST?

DDD
DDDasal
2024-11-13 02:24:01934semak imbas

How to Emulate a Readonly Attribute for an HTML SELECT Tag and Still Retrieve POST Data?

Meniru Atribut Baca Sahaja untuk HTML SELECT Tag dengan POST Data Retrieval

Menurut spesifikasi HTML, tag SELECT tidak mempunyai atribut baca sahaja, yang memerlukan penggunaan atribut yang dilumpuhkan untuk menghalang perubahan input pengguna. Walau bagaimanapun, ini menimbulkan isu kerana input yang dilumpuhkan dikecualikan daripada penyerahan data POST atau GET.

Untuk menangani cabaran ini, penyelesaian adalah untuk mengekalkan atribut yang dilumpuhkan untuk elemen SELECT sambil menambah input tersembunyi dengan nama yang sama dan nilai.

Penyelesaian:

  1. Mulakan elemen SELECT sebagai dilumpuhkan.
  2. Tambah input tersembunyi dengan nama dan nilai yang sama seperti Elemen SELECT.
  3. Jika elemen SELECT didayakan semula, pindahkan nilainya kepada input tersembunyi menggunakan onchange peristiwa. Selepas itu, lumpuhkan atau alih keluar input tersembunyi.

Pelaksanaan:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <form>

Penjelasan Kod:

  • Borang ini mengandungi elemen SELECT yang dilumpuhkan dan input tersembunyi untuk haiwan pemilihan.
  • Apabila butang "Dayakan" diklik, elemen PILIH didayakan dan namanya ditetapkan kepada "haiwan." Input tersembunyi dilumpuhkan untuk mengelakkan penyerahan pendua.
  • Peristiwa onchange memindahkan nilai elemen SELECT yang dikemas kini kepada input tersembunyi apabila didayakan semula.
  • Penyerahan borang memaparkan data borang yang diserahkan, yang merangkumi kedua-duanya pemilihan warna daripada elemen SELECT kedua dan pemilihan haiwan daripada input tersembunyi.

Atas ialah kandungan terperinci Bagaimana untuk Meniru Atribut Baca Sahaja untuk Tag SELECT HTML dan Masih Mendapatkan Data POST?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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