我正在尝试为 HTML 选择表单设置默认值。我已经阅读了有关为选择表单设置常量默认值的帖子。但是,我希望默认值为 variable shirt.Color,它可以是 Small、Medium 或 Large,具体取决于衬衫。
比如shirt.Color是Small,我希望select表单选择Small;如果 shirt.Color 是 Medium,我希望选择表单选择 Medium;如果 shirt.Color 是 Large,我希望选择表单选择 Large。
我知道如何使用数据绑定(bind)为文本框设置默认值。我使用以下设置默认衬衫颜色:
<div class="form-group">
<label class="control-label col-sm-2">Shirt Color</label>
<input type="text" name="color" data-bind="valueUpdate: 'input', value:shirt.Color" class="form-control" required />
</div>
我可以为选择表单做一些类似简单的事情吗?我不想为小型、中型和大型的每个案例手动编码。
我试过
<div class="form-group">
<label class="col-sm-2 control-label col-sm-2">Shirt Size:</label>
<select required name="type" data-bind="type: 'input', value: shirt.Size">
<option value="s">Small</option>
<option value="m">Medium</option>
<option value="l">Large</option>
</select>
</div>
但是,这始终默认为第一个选项,Small。
最佳答案
您可以使用 kendoDropDownList
为此。
<div data-bind="kendoDropDownList: { data: shirtSizes, dataTextField: 'SizeName', dataValueField: 'SizeId', value: shirt.Size } />
在哪里shirtColors
是一个包含 ColorName 和 ColorId 字段的数组。
var shirtSizess = [
{ SizeId: 's', SizeName: 'Small' },
{ SizeId: 'm', SizeName: 'Medium' },
{ SizeId: 'l', SizeName: 'Large' }
];
关于HTML 选择表单变量默认值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30855433/