在layuimini值给静态的select重新赋值重新选中怎么写?
时间: 2023-08-16 21:03:30 浏览: 86
Spring Boot使用Value注解给静态变量赋值的方法
3星 · 编辑精心推荐
在 Layuimini 中,你可以通过以下几步来实现静态的 select 重新赋值并选中:
1.获取 select 元素,并通过遍历的方式清空 select 中的 option:
```javascript
var select = document.getElementById('testSelect'); // 获取select元素
var options = select.options;
for (var i = options.length - 1; i >= 0; i--) {
select.remove(i);
}
```
2.创建新的 options 并添加到 select 中,同时设置选中项的值:
```javascript
var data = ['选项1', '选项2', '选项3'];
for (var i = 0; i < data.length; i++) {
var option = document.createElement('option'); // 创建option元素
option.value = i + 1; // 设置option的值(可以是任意数据类型)
option.innerHTML = data[i]; // 设置option的文本
select.appendChild(option); // 将option添加到select中
}
// 设置选中项的值
var selectedValue = 2;
for (var i = 0; i < options.length; i++) {
if (options[i].value == selectedValue) {
options[i].selected = true;
break;
}
}
```
3.最后,你需要使用 Layuimini 中的 form.render() 方法重新渲染 select:
```javascript
layui.use(['form'], function() {
var form = layui.form;
form.render('select');
});
```
将以上代码整合起来,你可以得到如下完整的实现代码:
```javascript
var select = document.getElementById('testSelect');
var options = select.options;
for (var i = options.length - 1; i >= 0; i--) {
select.remove(i);
}
var data = ['选项1', '选项2', '选项3'];
for (var i = 0; i < data.length; i++) {
var option = document.createElement('option');
option.value = i + 1;
option.innerHTML = data[i];
select.appendChild(option);
}
var selectedValue = 2;
for (var i = 0; i < options.length; i++) {
if (options[i].value == selectedValue) {
options[i].selected = true;
break;
}
}
layui.use(['form'], function() {
var form = layui.form;
form.render('select');
});
```
这样就可以实现给静态的 select 重新赋值并选中。
阅读全文