Menambah Pilihan untuk Dipilih dengan JavaScript
Meluaskan fungsi yang disediakan, mari kita terokai beberapa kaedah untuk mencipta pilihan dengan julat nilai dan menambah mereka kepada elemen pilih dengan ID "mainSelect":
Kaedah 1:
Kaedah ini memperkenalkan gelung untuk yang dipertingkatkan yang mencipta pilihan secara pemrograman dalam julat yang dikehendaki:
<code class="javascript">var min = 12; var max = 100; var select = document.getElementById('mainSelect'); for (var i = min; i <= max; i++){ var opt = document.createElement('option'); opt.value = i; opt.innerHTML = i; select.appendChild(opt); }</code>
Kaedah 2 (Pemfaktoran Semula):
Untuk memudahkan dan meningkatkan kebolehbacaan, anda boleh mencipta fungsi untuk mengendalikan proses ini:
<code class="javascript">function populateSelect(target, min, max){ if (!target){ return false; } else { var min = min || 0; var max = max || min + 100; var select = document.getElementById(target); for (var i = min; i <= max; i++){ var opt = document.createElement('option'); opt.value = i; opt.innerHTML = i; select.appendChild(opt); } } }</code>
Kaedah 3 (Chaining):
Akhir sekali, anda boleh melanjutkan prototaip HTMLSelectElement dengan kaedah "populate":
<code class="javascript">HTMLSelectElement.prototype.populate = function (opts) { var settings = {}; settings.min = 0; settings.max = settings.min + 100; for (var userOpt in opts) { if (opts.hasOwnProperty(userOpt)) { settings[userOpt] = opts[userOpt]; } } for (var i = settings.min; i <= settings.max; i++) { this.appendChild(new Option(i, i)); } };</code>
Atas ialah kandungan terperinci Bagaimana untuk Mengisi Elemen Pilih Secara Pengaturcaraan dengan Pilihan dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!