用HTML创建一个下拉框的简单方法，只需包含0到x

Easy way to create a drop down box in HTML that simply comtains 0 to x?

本文关键字：方法 简单 包含 创建 HTML 一个      更新时间：2023-09-26

我很高兴地使用以下代码创建了一个HTML下拉框：

<select name='"group'"> '
  <option value='"10'">10</option> '
  <option value='"11'">11</option> '
  <option value='"33'">33</option> '
  <option value='"Broadcast'">255</option> '
</select> '

然而，我的服务器非常有限，因为它运行在一个小处理器上。我想创建一个包含0到x的动态下拉列表，其中x是我正在控制的总线上的节点数。除了动态创建合适的字符串发送到添加额外行的浏览器之外，还有什么方法可以做到这一点吗？例如：

<option value='"x'">x</option> '

其中x是总线上节点的下一个地址？

我想知道是否有任何方法可以编写这样的HTML/Javascript代码：

<dropdownbox="boxname", entries = x>

（以上只是某种伪代码/理想代码，我并不是说它是正确的HTML！）这只会创建一个包含x个条目的下拉框，每个条目都会标记为0到x。

真正的HTML代码看起来有点奇怪，因为它目前是硬编码成C的（我将在下一步中使其动态）。我应该说，我对HTML知之甚少，我只是想构建一个非常简单的嵌入式服务器。如果可以很容易地将javascript或其他代码编码到我的C代码中，我愿意发送一些javascript或其他东西。任何代码都必须由一个小型处理器生成，我正在用C编写软件，并且是一个小型服务器。

感谢：）

事实上，这需要一些Javascript。这里有一个有效的解决方案：如果您设法将其发送到客户端（或者JS函数已经是页面的一部分），代码将读取select标记的data-range属性，并创建尽可能多的选项节点。

<select id="mySelect" data-range="15" name="group"></select>
<script>
  var select = document.getElementById("mySelect");
  var range = select.dataset.range;
  for (var i=0; i<+range; i++) {
    var node = document.createElement("option");                
    node.value = i;
    node.text  = i;
    select.appendChild(node);
  }
</script>

相关文章：