如何在 JavaScript 中使用选项动态填充选择元素？

动态填充选择选项的 JavaScript 函数

问题：

提供的 JavaScript 函数旨在创建从 12 到 12 个选项 中的 100 id 为“mainSelect”的元素。然而，当前的函数是手动生成选项，效率不高。

解决方案：

要解决这个问题，我们可以使用一个简单的 for 循环：

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

for (let i = min; i <p>这种方法提供了一种更高效、更自动化的方式来填充 <select> 元素。 options.</select></p>
<p><strong>自定义和可重用性：</strong></p>
<p>为了增强函数的可用性，我们可以允许自定义最小值和最大值。这是接受附加参数的改进版本：</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>此修订后的函数使您能够为任何 <select> 指定所需的选项范围。您网页上的元素。</select></p></code>

以上是如何在 JavaScript 中使用选项动态填充选择元素？的详细内容。更多信息请关注PHP中文网其他相关文章！