有什么办法可以在html代码的所有行中添加增量数字

2024-05-03 • 问答

我在HTML中有一个下拉菜单（选择->选项），一个选择包含很多选项。有什么方法可以向每个选项/行添加增量/唯一编号。

例如：在ID中，我想为每个ID自动分配增量/唯一编号。

<select name="select_data"> 
    <option id="1" value="index">index</option>
    <option id="2" value="one">one</option>
    <option id="3" value="two">two</option>
    <option id="4" value="three">three</option>
    <option id="5" value="four">four</option>
</select>

注意：编辑器是VSCODE。

我不希望通过jquery这样做，因为它可能会在浏览器中作为输出增加。我只想要它在编辑器中。

hang116026 回答：有什么办法可以在html代码的所有行中添加增量数字

如果不想使用JS函数，可以使用CSS的计数器增量。

 body {
  /* Set "my-sec-counter" to 0 */
  counter-reset: my-sec-counter;
}

 select > option {
  /* Increment "my-sec-counter" by 1 */
  counter-increment: my-sec-counter;
  content: "Section " counter(my-sec-counter) ". ";
}

您可以查看： https://www.w3schools.com/cssref/tryit.asp?filename=trycss_counter-reset3 更好地了解我尝试这样做的地方。

html visual-studio-code

本文链接：https://www.f2er.com/3160412.html

有什么办法可以在html代码的所有行中添加增量数字

hang116026 回答：有什么办法可以在html代码的所有行中添加增量数字

大家都在问