javascript - "Drop-down"所选值未在 HTML 中更新

标签 javascript html-select forms

当我在下拉菜单中选择一个新值 (3) 时,我看到 HTML 仍然具有旧值 (10) 作为“已选择”。

<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:当我克隆表单时,问题就显现出来了。克隆的副本已重置其选择的选项。是否也可以克隆所选值?

最佳答案

您看到这种情况的原因是更改所选索引不会更改 html 元素本身的属性。但是,该值实际上发生了变化。

参见 this demo有关所选索引在更改时显示的内容的示例

关于javascript - "Drop-down"所选值未在 HTML 中更新,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21445269/

相关文章:

javascript - 在焦点上打开一个 html 选择选项

javascript - 尝试使用动态创建的输入元素序列化表单,但未发布元素的值

javascript - jQuery 中的 $().ready() 是否在所有脚本文件加载后触发?

struts2 - 使用 Enumsubset 创建 Struts2 选择标签

javascript - html 按钮不起作用

php - 选择具有特定 ID 的一项,然后按字母顺序添加其他所有项

php - 如何检查 PHP 变量是否包含非数字?

javascript - 使用 Javascript 隐藏或显示表单元素,部分工作

javascript - 在 SAPUI5 中显示按下并保持的按钮

javascript - Moment.js 如果没有小时或分钟则填充 0