Javascript HTML选择选项显示“选择”；“错误”；价值

在express中，我呈现了一个用值填充表单的把手模板

要填充选择选项，我将选择节点的“值”属性设置为：

<select class="inputField" name="gender" value="female">
    <option value="male">Männlich</option>
    <option value="female">Weiblich</option>
</select>

---

这不是

select

s的工作方式。您需要在

选项上使用
selected
属性，如下所示：

<select class="inputField" name="gender">
    <option value="male">Männlich</option>
    <option value="female" selected="1">Weiblich</option>
</select>

<select class="inputField" name="gender">
    <option value="male">Männlich</option>
    <option value="female" selected>Weiblich</option>
</select>


玛尼里奇
威布里奇
这不是
选择的工作方式。您需要在
选项上使用
selected
属性，如下所示：

<select class="inputField" name="gender">
    <option value="male">Männlich</option>
    <option value="female" selected="1">Weiblich</option>
</select>

<select class="inputField" name="gender">
    <option value="male">Männlich</option>
    <option value="female" selected>Weiblich</option>
</select>


玛尼里奇
威布里奇
要选择选项，请使用：

<option value="female" selected="selected">Weiblich</option>

Weiblich

要选择选项，请使用：

<option value="female" selected="selected">Weiblich</option>

Weiblich

在选择输入中预选选项的正确方法是：

<select class="inputField" name="gender">
    <option value="male">Männlich</option>
    <option value="female" selected>Weiblich</option>
</select>


玛尼里奇
威布里奇

如果您使用的是xhtml或html4，您应该为selected=“selected”更改selected
在选择输入中预选选项的正确方法是：

<select class="inputField" name="gender">
    <option value="male">Männlich</option>
    <option value="female" selected>Weiblich</option>
</select>


玛尼里奇
威布里奇

如果您使用的是xhtml或html4，您应该更改selected的selected=“selected”
我想您正在寻找这样的内容：

<select class="inputField" name="gender">
    <option value="male">Männlich</option>
    <option value="female" selected="1">Weiblich</option>
</select>

<select class="inputField" name="gender">
    <option value="male">Männlich</option>
    <option value="female" selected>Weiblich</option>
</select>


玛尼里奇
威布里奇
我想您正在寻找这样的产品：

<select class="inputField" name="gender">
    <option value="male">Männlich</option>
    <option value="female" selected="1">Weiblich</option>
</select>

<select class="inputField" name="gender">
    <option value="male">Männlich</option>
    <option value="female" selected>Weiblich</option>
</select>


玛尼里奇
威布里奇

为什么这样做：
var genderEl=document.getElementById（'genderSelect'）；genderEl.value=“女性”

只是因为DOM使用不同的属性；-）

回答你原来的问题：，但是。因此，如果您想要一个纯HTML解决方案，就必须坚持使用
selected
属性

为什么这样做：
var genderEl=document.getElementById（'genderSelect'）；genderEl.value=“女性”

只是因为DOM使用不同的属性；-）

回答你原来的问题：，但是。因此，如果您想要一个纯HTML解决方案，您必须坚持使用
selected
属性。
我假设是这样的，因为通过编程使用javascript结果设置“select”节点的值working@MaxBumaye嗯，HTML和JavaScript并不总是以相同的方式工作好的，我看到javascript部分el.value='female'不影响select字段的属性。别误会我的意思，但是DOM在某种程度上不应该对显示结果的证据负责吗？@MaxBumaye DOM本身什么都不做；它必须由JavaScript执行，这是令人沮丧的不一致。大多数现代浏览器都会正确地更新DOM，但仍然有很多令人惊讶的地方。我认为是这样的，因为通过编程使用javascript结果设置“select”节点的值working@MaxBumaye嗯，HTML和JavaScript并不总是以相同的方式工作好的，我看到javascript部分el.value='female'不影响select字段的属性。别误会我的意思，但是DOM在某种程度上不应该对显示结果的证据负责吗？@MaxBumaye DOM本身什么都不做；它必须由JavaScript执行，这是令人沮丧的不一致。大多数现代浏览器都会正确地更新DOM，但仍然有很多惊喜。