如何设置form表单的所有元素不能被编辑,同时显示为灰色

提问 已结 2 50
fly小胖
fly小胖 5天前
悬赏:20飞吻
版本:layuiAdmin 2.x 浏览器:谷歌
在点击按钮之后弹出个iframe,然后使用ajax请求的结果填入值,然后我想设置form表单的所有元素不能被编辑,同时显示为灰色,不过试了以下几种方法都不可行,所以来问下是不是有什么好的办法可以设置



方法一,直接设置
<form id="taskForm" lay-filter="taskForm" class="layui-form model-form"  readonly="true" disabled="disabled" >
方法二 使用jq设置 不过下拉框还是可以点开
$('input,select,button').attr('readonly',true);
难道是先jq设置在渲染表单??

源码如下:

@layout("/common/_container.html",{bg:"bg-white",js:["/assets/modular/promote/task/task_detail.js"]}){
<form id="taskForm" lay-filter="taskForm" class="layui-form model-form" readonly="true" >
<input name="taskId" type="hidden"/>
<div class="layui-form-item">
<label class="layui-form-label">任务单号<span style="color: red;">*</span></label>
<div class="layui-input-inline">
<input name="taskCode" placeholder="请输入任务单号" type="text" class="layui-input" lay-verify="required" autocomplete="off"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">任务名称<span style="color: red;">*</span></label>
<div class="layui-input-inline">
<input name="taskName" placeholder="请输入任务名称" type="text" class="layui-input" lay-verify="required" autocomplete="off"/>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label">流水线</label>
<div class="layui-input-inline">
<select id="lineSelect" lay-filter="lineFilter" name="lineId">
<option value="">请选择流水线</option>
</select>
</div>
</div>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
<legend>产品详情</legend>
</fieldset>


<!-- <div class="layui-form-item text-right">
<button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
<button class="layui-btn" lay-filter="btnSubmit" lay-submit>保存</button>
</div> -->
</form>
@}
回帖
  • IDyun
    5天前
    $(':checkbox,:radio').prop('disabled',true); //复选框单选框
    form.render();
    $(":input").prop('readonly',true); //输入框、文本域
    $('select+').find('.layui-select-title').unbind("click").find('.layui-edge').hide(); //选择框
    1 回复
  • @IDyun 使用了你上面写的代码果然奏效了,非常感谢哈[太开心]
    0 回复