下拉框选中特定的值设置输入框为必填

最新推荐文章于 2024-06-20 15:56:08 发布
最新推荐文章于 2024-06-20 15:56:08 发布
阅读量1.3w 收藏 6
点赞数 1
分类专栏： 菜鸟随笔 文章标签： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39930369/article/details/79739990
版权

有空就记录一下jeesite 写的js

选中下拉框 设置必填  

<div class="control-group">
<label class="control-label">业务状态：</label>
<div class="controls">
<form:select path="projectState" id="projectState" οnclick="endRemarks()" class="input-xlarge ">
<form:options items="${fns:getDictList('project_State')}" itemLabel="label" itemValue="value" htmlEscape="false" />
</form:select>
</div>

</div>


业务状态为结束必填结束原因



ok啦


Y~~~
关注
  • 1
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jeesite 单选 多选下拉框 回显效果实现
Senmitsuji的博客
10-14 2697
jeesite 非字典下拉多选框回显效果使用背景单选下拉框动态下拉列表生成及数据回显欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UM...
通过下拉框的值来确定输入框是否可以为空的代码
12-08
这个示例中的代码就是一个典型的例子，它展示了如何通过下拉框（dropdown）的选中值来判断输入框（input field）是否可以为空。以下是这段代码的详细解释和相关知识点： 1. **HTML 结构**： - `a.html` 文件包含了...
jquery根据下拉框选择的值显示输入框
weixin_30421809的博客
06-21 1173
html代码： <select id="checkPointExpress" data-dux="form-select" name="product_type_id" required> <option value="">-请选择属性-</option></select> <input id="mian" type="t...
【vue3】for循环多选框勾选必填校验
最新发布
qq_33225414的博客
06-20 304
多选项必选一个，选了的输入框必填。
PyQt6 QInputDialog输入对话框控件
java1234的博客
12-19 519
QInputDialog类表示一个标准的输入对话框，该对话框由一个文本框（或者数字选择框，或者下拉列表框）和两个按钮（OK按钮和Cancel按钮）组成，它可以与用户进行简单的交互，例如，在主窗口中获取输入对话框中输入或者选择的值。显示一个用于输入浮点数的编辑框，显示的是DoubleSpinBox控件。getItem()方法，显示一个ComboBox下拉列表控件，用户可从中选择数据。显示一个用于输入整数的编辑框，显示的是SpinBox控件。getText()方法，显示一个用于输入字符串的文本编辑框。
js控制html下拉框select的选择
程序羊的博客
10-17 1898
效果图： 提示下拉框的value值 点击确定之后显示下拉框的设定已选择值；比如x.options[2].selected = true;设定了选择索引为2的值，即第3个，下拉框就默认显示第3个的值，如图： 实现代码： <html> <body> <select id="xxx" > <option value="10">1&l...
jeesite框架下控制控制form页父表或子表字段的必填：required
m0_63524137的博客
06-25 160
/“*”号前面的 required后面原本是有个hide，需要删掉，不然星号不会显示出来。
excel 设置下拉选项（限定可选项、限定数据）
Ahuuua的博客
12-17 5517
1.选中列，数据-->数据验证 注意，有的excel版本叫有效性，数据-->有效性 2.在允许下拉菜单中选择序列 3.选择数据来源 4.成功 5.存在问题 列标题姓名这一块也会进行有效性验证，这个问题我在这里写了解决方法可以参考： ...
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
11-26
例如“报告交付方式”包含固定交付时，第二个下拉框不可编辑，反之可以编辑，具体代码如下 报告交付方式： <select class="easyui-combobox" panelHeight="auto" style="width:195px" data-options="required:...
layui下拉框获取下拉值(select)的例子
10-16
本文将详细讲解如何在 Layui 中获取下拉框的选中值，并通过一个具体的例子来演示这一过程。 首先，我们需要理解 Layui 的 Select 组件是如何工作的。Layui 的 Select 是基于原生 HTML `<select>` 元素进行封装的，...
input text框不能为空 设置为必填
Baldy_baby的博客
11-19 5183
在网上搜了必填是加required ，但加了没有任何反应，只能用js <label for="lastname" class="col-sm-2 control-label">注销原因</label> <div class="col-sm-4"> <input type="text" required class="form-control" placeholder="必填" name="revokereason" id="revoker
输入框必填提示定位技巧
张楠的博客
12-18 3115
现象     如图所示：     做web自动化的时候经常会遇到对必填项的校验，而其中一种必填项是鼠标高亮或者取消高亮的时候会在旁边出现tips框，框内书写一些提示性的文字，定位的时候在开发工具中该节点很难查看，鼠标稍微有所动作这个节点就消失了，眼神好的最多看到最上层的节点，无法深入定位，下来就介绍一种定位这种节点的方法。 工具     介绍的方法是以robotframework为例，...
jeestie框架中下拉框select2的用法
Demon丶冷漠
11-22 1689
使用select2方法是为了使下拉框带有搜索选项，方便用户选择。使用前就是普通的下拉框，如果下拉的选项很多，你找起来会很费劲，使用select2就可以快速选择到你想要选择的选项了。下面将介绍几个常用的知识。 第一，如何给定普通的下拉框select2权限 1.jeesite框架中普通的下拉框赋select2权限： $("select").select2(); 2.常规的页面...
Jeesite下拉列表显示
qingTongYuan的博客
08-01 4614
备注：学习笔记，自己能看懂。 本模块是商品表 关联商家表 1.前端 ListFrom中写 &lt;#form:select path="businessId" items="${businessList}" itemLabel="businessName" itemValue="id" class="form-control required" blankOption="true
解决select下拉框设置了多选multiple之后 一进页面就触发校验bug
ylpmty的博客
04-23 1340
解决select下拉框设置了多选multiple之后 一进页面就触发校验bug this.$set(this.ruleForm, 'perdritype', [])
jeesite字典下拉框赋值
m0_47485871的博客
05-31 517
下拉框代码 <#form:select path="style" dictType="type_a" blankOption="true" class="form-control required"/> 赋值代码 $('#style').select2('val', res.style); 表单组件、Beetl、#form:*、前端组件、页面布局 | JeeSite 快速开发平台 ...
jeesite关于checkbox多选框的解决方案
qq_39930369的博客
07-26 5629
首先看看jeesite这个框架里面的写法： 其实就是查询了user的角色然后传过去，并且这个角色字段为list集合。嫌麻烦，直接写js算了。 直接用备用字段，使用dict 字典。也就是这个：   然后点修改的时候就是这样，因为这个字典方法嘛，返回多个值它就迷糊了，所以点修改没用，还是一个没勾选上这就很烦： 然后就用备用字段来显示新的，提交的时候就把备用字段的值赋给专业字段。进...
[已解决]jeesite生成页面的弹窗问题
weixin_42788392的博客
03-12 2669
jeesite生成的页面如需弹窗layer写法会有问题 actions.push('&lt;a href="${ctx}/agents/agents/verified?id='+row.id+'" class="btnList" title="${text('审核通过')}" data-confirm="${text('确认审核通过该代理商吗?')}"&gt;&lt;i class="fa f
遇到的JeeSite细节BUG 解决
习惯沉淀_
03-17 522
1.用户列表搜索回显乱码问题解决 在tomcat--&gt;server.xml中修改connector 添加URIEncoding=“utf-8” 2. 内容管理排版不对（下方才能看到文章列表） 在view文件夹里面cmdIndex.jsp可以看得到3个div ，快速解决 把红框中的div删除掉 。 ...
element 多选下拉框 选中的值怎么设置不能移除
04-28
要实现 element 多选下拉框选中的值不能移除，需要进行以下操作： 1. 在设置多选下拉框的值时，需要将该值设置为默认的选中状态，可以通过在代码中添加 selected: true 属性实现。 例如： <el-select v-model="value" multiple> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" :selected="true"></el-option> </el-select> 2. 接下来，需要禁用用户在界面上取消选中该值的操作，可以通过在代码中添加 disabled 属性实现。 例如： <el-select v-model="value" multiple> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" selected disabled></el-option> </el-select> 这样，用户就无法在界面上对该选项进行取消选中的操作，保证了多选下拉框选中的值不能移除。 需要注意的是，在设置默认选中状态和禁用取消操作时，需要对该项值进行特殊标识，以便后续操作。例如，在代码中添加一个特殊的 class，方便后续通过 class 来操作该选中项。 综上所述，实现 element 多选下拉框选中的值不能移除，需要在设置选项时添加 selected 和 disabled 属性，并对该选项进行特殊标识以便后续操作。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值