Bagaimana untuk Mengisi Elemen Pilih Secara Dinamik dengan Pilihan dalam JavaScript?

Fungsi JavaScript untuk Mengisi Pilihan Pilihan Secara Dinamik

Masalah:

Fungsi JavaScript yang disediakan bertujuan untuk mencipta pilihan dari 12 hingga 100 dalam elemen dengan id "mainSelect." Walau bagaimanapun, fungsi semasa menjana pilihan secara manual, yang tidak cekap.

Penyelesaian:

Untuk menyelesaikan isu ini, kami boleh menggunakan gelung mudah:

<code class="js">const min = 12;
const max = 100;
const select = document.getElementById('mainSelect');

for (let i = min; i <p>Pendekatan ini menyediakan cara yang lebih cekap dan automatik untuk mengisi <pilih> pilihan.</pilih></p>
<p><strong>Penyesuaian dan Kebolehgunaan Semula:</strong></p>
<p>Untuk meningkatkan kebolehgunaan fungsi, kami boleh membenarkan penyesuaian nilai minimum dan maksimum. Berikut ialah versi yang dipertingkatkan yang menerima parameter tambahan:</p>
<pre class="brush:php;toolbar:false"><code class="js">function populateSelect(selectElementId, min, max) {
  const select = document.getElementById(selectElementId);
  if (!min) { min = 0; }
  if (!max) { max = min + 100; }

  for (let i = min; i <p>Fungsi yang disemak ini membolehkan anda menentukan julat pilihan yang diingini untuk mana-mana <pilih> elemen pada halaman web anda.</pilih></p></code>

Atas ialah kandungan terperinci Bagaimana untuk Mengisi Elemen Pilih Secara Dinamik dengan Pilihan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!