select id="modifyType" name="modifyType" class="form-control" onclick="modifyTypeChange()"> <option value="2" <c:if test="${hiddenDanger.modifyType == 2}">selected="selected"</c:if>>限期整改</option> <option value="1" <c:if test="${hiddenDanger.modifyType == 1}">selected="selected"</c:if>>自查自改</option> <%-- <option value="3" <c:if test="${hiddenDanger.modifyType == 3}">selected="selected"</c:if>>停工整改--%> <%-- </option>--%> </select> 控制div 的显示和隐藏,当控制显示后, <input type="hidden" id="attachments" class="form-control att_upload" name="attachments" value="${hiddenDanger.attachments}"/>的弹窗效果失效
时间: 2023-07-19 11:39:00 浏览: 47
如果在显示 `#attachments` 的父级 `div` 后,弹窗效果失效了,可能是因为父级 `div` 的 CSS 样式或者 JavaScript 代码影响了弹窗的功能。你可以使用浏览器的开发者工具来检查弹窗的样式和事件监听器,以便找到导致弹窗失效的原因。
另外,你可以尝试在显示 `#attachments` 的父级 `div` 时,重新初始化弹窗的 JavaScript 代码。例如:
```javascript
$("#attachments").parent().show(function() {
// 这里是显示 #attachments 父级 div 后要执行的代码
myPopup(); // 弹出窗口的 JavaScript 代码
});
```
在这个示例中,`myPopup()` 函数会在显示 `#attachments` 的父级 `div` 后被调用,以重新初始化弹窗的 JavaScript 代码。你可以将 `myPopup()` 替换为你的弹窗函数,以实现重新初始化弹窗的目的。
相关问题
使用 <select id="modifyType" name="modifyType" class="form-control" onclick="modifyTypeChange()"> <option value="2" <c:if test="${hiddenDanger.modifyType == 2}">selected="selected"</c:if>>限期整改</option> <option value="1" <c:if test="${hiddenDanger.modifyType == 1}">selected="selected"</c:if>>自查自改</option> <%-- <option value="3" <c:if test="${hiddenDanger.modifyType == 3}">selected="selected"</c:if>>停工整改--%> <%-- </option>--%> </select> 控制 div 的显示和隐藏,导致影响的div 按钮显示时失效
这段代码中的 onclick="modifyTypeChange()" 是一个 JavaScript 函数,它会在用户点击下拉列表时被触发。你需要检查 modifyTypeChange() 函数的实现,看看它是否正确地控制了对应 div 的显示和隐藏。另外,你还需要检查被影响的 div 中的按钮是否被正确地设置为可用或不可用状态,以确保它们能够正确地响应用户的操作。如果你仍然无法解决问题,请提供更多的代码和错误信息,以便我能够更好地帮助你。
用Layui编写一个布局 <div class="layui-form-item"> <label class="layui-form-label">参与者</label> <div class="layui-input-block"> <select name="canyuze" xm-select="canyuze" lay-verify="required" lay-vertype="tips"> <option value="">---请选择---</option> <option value=""><input type="checkbox" value="写作"></option> <option value=""><input type="checkbox" value="阅读" checked></option> </select> </div> </div> 改成的效果是下拉框里面有复选框可以多个选中
你可以使用Layui的复选框组件和下拉框组件结合来实现下拉框里面有复选框可以多个选中的效果。是修改后的代码示例:
```html
<div class="layui-form-item">
<label class="layui-form-label">参与者</label>
<div class="layui-input-block">
<select name="canyuze" xm-select="canyuze" lay-verify="required" lay-vertype="tips" multiple>
<option value="">---请选择---</option>
<option value="写作" selected>写作</option>
<option value="阅读" selected>阅读</option>
</select>
</div>
</div>
```
在上面的代码中,我将下拉框的multiple属性设置为多选,然后在选项中使用selected属性来选中写作和阅读两个选项。这样就可以实现下拉框里面有复选框可以多个选中的效果。
请注意,上述代码中的`xm-select`属性是Layui扩展的自定义属性,用于渲染下拉框组件。确保你已经引入了Layui的相关资源文件,并正确初始化了Layui组件。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)