layui 动态select. 创建option 选择项 低版本

layui是一个轻量级的前端UI库，它提供了一种简单的方式来创建动态下拉框（select）及其选项。在低版本的layui中，你可以通过JavaScript操作DOM来动态生成`<option>`元素。以下是基本步骤：

1. 首先，在HTML结构中，设置一个空的选择框作为容器：

<select id="dynamicSelect" lay-filter="dynamicSelect"></select>

这里使用了`lay-filter`属性来标记这个下拉框将接受自定义的layui指令。

2. 使用layui提供的API，例如`layui.form.render`来动态添加选项。假设你想基于数组数据填充选项：

var optionsData = ['Option 1', 'Option 2', 'Option 3']; // 数据源

layui.use('form', function () {
    var form = layui.form;
    form.render({
        elem: '#dynamicSelect', // 绑定到ID
        type: 'select',
        select: function (field, dom, item) { // 当选择框改变时触发
            for (var i = 0; i < optionsData.length; i++) {
                var option = document.createElement('option');
                option.text = optionsData[i];
                dom.append(option);
            }
        }
    });
});

在这个例子中，当选择框渲染时，会遍历`optionsData`数组，并为每个元素创建一个新的`<option>`元素并添加到选择框里。