layui select readonly

To make a select field readonly in layui, you can add the `readonly` attribute to the `select` element. Here's an example:

<select name="city" lay-verify="required" readonly>
  <option value="">请选择城市</option>
  <option value="北京">北京</option>
  <option value="上海">上海</option>
  <<option value="广州">广州</option>
</select>

In this example, the `readonly` attribute makes the select field read-only, so the user cannot edit the value. However, the user can still select an option from the dropdown list.

相关问题

layui设置下拉框禁止输入

可以通过设置下拉框的 `readonly` 属性来禁止输入，示例代码如下：

<select name="select" lay-verify="required" readonly>
  <option value=""></option>
  <option value="1">选项1</option>
  <option value="2">选项2</option>
  <option value="3">选项3</option>
</select>

另外，如果需要动态设置下拉框的禁用状态，也可以使用 `disabled` 属性来实现，示例代码如下：

// 禁用下拉框
$("select[name='select']").attr("disabled", true);

// 启用下拉框
$("select[name='select']").attr("disabled", false);

layui Table 复选框禁止选中设置

layui表格中的复选框默认是可以被用户选择的，如果你想禁止用户对某一列或多列的复选框进行选中操作，你可以通过HTML属性和layui的配置来实现。以下是一个简单的例子：

<table lay-filter="yourTableFilter" lay-data="yourData" lay-cell="{field:'select',checkbox:true,readonly:true}">
    <thead>
        <tr>
            <!-- 其他表头 -->
            <th>是否禁选</th>
        </tr>
    </thead>
    <tbody>
        <!-- 数据行，每一项都有一个名为'select'的字段 -->
    </tbody>
</table>

<script>
// 表格配置
layui.use('laytable', function(){
    var table = layui.laytable;
    // 初始化并阻止表单提交，这里可以修改为只允许管理员操作等
    table.init('yourTable').setOption({
        elem: 'yourTable',
        checkbox: {
            disabled: true // 禁止所有复选框的选择
        },
        cellSelect: false // 阻止单元格内的内容被选中
    });
});
</script>

在这个例子中，`readonly:true` 设置了复选框不可编辑，`checkbox: {disabled: true}` 则直接禁止了复选框的选中功能。`cellSelect: false` 可以防止点击表格单元格的内容时意外触发选中。