显示“错误”值的HTML选择选项

在表达式中，我正在渲染一个用值填充表单的句柄模板。显示“错误”值的HTML选择选项

要填充我的选择选项设置我的选择节点的“值”属性，像这样：

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

视觉男性选项虽然选择。任何人都可以解释为什么会发生？

编辑1：

我知道选定的属性，但它使更多的东西时的模板复杂，所以我宁愿传下选择的值。

不过要论我原来的问题更加精确：

为什么这个工作，那么：

var genderEl = document.getElementById('genderSelect'); 
    genderEl.value = "female";

来源

2015-08-20 Max Bumaye

这不是如何select的工作。您需要使用selected属性上一个option，像这样：

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

来源

2015-08-20 23:10:33

http://stackoverflow.com/questions/78932/how-do-i-programatically-set-the-value-of-a-select-box-element-using-javascript –

我认为它是，因为编程设置JavaScript的结果工作的“选择”节点的值 –

@MaxBumaye那么，HTML和JavaScript并不总是以相同的方式工作。 :) –

选择一个选项，使用：

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

see

来源

2015-08-20 23:12:03 cocoseis

正确的方式预先选择一个选项选择输入为：

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

如果您是usi NG XHTML或HTML4，你应该改变选择为选定= “选择”

来源

2015-08-20 23:12:04 Erwin

我认为你正在寻找的东西是这样的：

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

来源

2015-08-20 23:14:00

为什么这个工作，那么：var genderEl = document.getElementById('genderSelect'); genderEl.value = "female";

很简单，因为DOM使用不同的属性;-)

回答您的原题：There is no value attribute for selects in HTML，但there is one in DOM。所以如果你想要一个纯粹的HTML解决方案，你必须坚持selected属性。

来源

2015-08-20 23:21:20

显示“错误”值的HTML选择选项

回答

相关问题