JavaScript设置默认value选中为0
时间: 2024-03-22 22:38:30 浏览: 12
要设置默认选中的`value`为0,可以使用`selected`属性。以下是一个示例代码:
```html
<select id="my-select">
<option value="0" selected>选项1</option>
<option value="1">选项2</option>
<option value="2">选项3</option>
</select>
```
在上面的代码中,我们将第一个选项的`selected`属性设置为`selected`,表示默认选中该选项。同时,将其`value`属性设置为0,即默认选中值为0。
如果是动态创建`option`元素,可以使用`setAttribute()`方法设置`selected`属性。以下是一个示例代码:
```javascript
var selectEl = document.getElementById('my-select');
var optionEl = document.createElement('option');
optionEl.setAttribute('value', '0');
optionEl.setAttribute('selected', 'selected');
optionEl.textContent = '选项1';
selectEl.appendChild(optionEl);
```
在上面的代码中,我们使用`setAttribute()`方法设置了`selected`属性为`selected`,表示默认选中该选项。同时,将其`value`属性设置为0,即默认选中值为0。
希望对您有所帮助!