HTML中的“下拉菜单”选择值未更新

Question

HTML中的“下拉菜单”选择值未更新

3

当我在下拉菜单中选择一个新的值（3），我发现HTML仍然将旧值（10）标记为“selected”。

<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10" selected="selected">10</option>

编辑1：当我克隆表单时，问题就显现出来了。克隆的副本会重置其选定的选项。有没有办法克隆选定的值呢？

- jazzblue

你能准备一个 JSFiddle 吗？ - hemanth

1

属性已经更新，所以这不是问题，你看到的是HTML中的属性。 - adeneo

这个问题似乎与主题无关，因为它涉及到在查看HTML时无法看到属性更改。 - adeneo

1

所选的属性设置默认选择选项，但不一定表示当前选中的选项。所选的属性始终指示是否当前选择了选项。 - RobG

你是如何“分离”表单的？可能需要在分离之前读取当前值，然后在重新分离之后重新赋值。当重新附加表单时同样如此。或者改变表单的分离/重新附加方式，使得值不会被改变。 - RobG

正如我在上面的“EDIT 1”中所述，当我克隆表单时，问题就会显现出来。克隆的副本将其选定的选项重置。有没有办法克隆所选的值呢？ - jazzblue

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Travis J · Accepted Answer

你看到这个的原因是，改变所选索引不会改变html元素本身的属性。然而，值实际上已经改变。

参见此演示，了解更改所选索引后显示的示例。