如何根据其他下拉值设置dropdown的$dirty和$invalid状态
根据其他下拉值设置dropdown的$dirty和$invalid状态，可以通过以下步骤实现：
- 首先，确保你已经在前端开发中使用了AngularJS或类似的框架，因为$dirty和$invalid是AngularJS中的表单验证属性。
- 在HTML代码中，使用ng-model指令将下拉框与一个变量绑定起来，例如：
<select ng-model="selectedValue">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>- 在控制器中，定义一个函数来监听其他下拉框的变化，并根据条件设置$dirty和$invalid状态。例如：
$scope.$watchGroup(['otherDropdown1', 'otherDropdown2'], function(newValues, oldValues) {
var otherDropdown1Value = newValues[0];
var otherDropdown2Value = newValues[1];
if (otherDropdown1Value === 'someValue' && otherDropdown2Value === 'someOtherValue') {
$scope.myForm.selectedValue.$dirty = true;
$scope.myForm.selectedValue.$invalid = true;
} else {
$scope.myForm.selectedValue.$dirty = false;
$scope.myForm.selectedValue.$invalid = false;
}
});- 在上述代码中，'otherDropdown1'和'otherDropdown2'是其他下拉框的ng-model值，可以根据实际情况进行修改。根据条件设置$dirty和$invalid状态，如果满足条件，则将其设置为true，否则设置为false。
- 最后，在HTML代码中，可以使用$dirty和$invalid属性来显示错误信息或应用样式。例如：
<div ng-show="myForm.selectedValue.$dirty && myForm.selectedValue.$invalid">
<p>Please select a valid option.</p>
</div>通过以上步骤，你可以根据其他下拉值设置dropdown的$dirty和$invalid状态，实现表单验证和错误提示。对于具体的腾讯云产品和产品介绍链接地址，可以根据实际需求选择适合的云计算解决方案。
相关·内容
1回答
我对下拉组件的验证有问题。验证显示在mouseup事件之前(问题(yt链接)：).html <p-dropdown idng-dirty is-invalid' : (equipmentForm.get('selectedRegion').touched || equipmentForm.get('selectedRegi
浏览 2提问于2021-10-18得票数 0
回答已采纳
1回答
所以我的应用程序有3个下拉列表，一个分页组件和一个表。例如:州和城市。react.org示例讨论了如何提升状态。因此，显示所有三个下
浏览 0提问于2018-07-18得票数 0
我有一个CSS类，它适用于所有脏字段和无效字段： border: 1px solid red;然而，在提交时，我希望出现红色边框(以及我添加的任何其他类)。或者将类应用到表单中，比如“ng- form”(或其他什么)？
浏览 4提问于2014-04-01得票数 0
回答已采纳
我有两个多选下拉状态和区域，我为状态选择了多个值，并根据该区域下拉列表数据正在更新，我根据该区域选择区域。
当我取消选择任何状态时，从该状态选择的区域没有取消选择。<ng-multiselect-dropdown #multiSelect [placeholder]="'Select State'" [data]="state
浏览 0提问于2020-12-17得票数 0
2回答
[{"stream" : "commerce","courseIds" : ["101", "100"]}] ]在UI中，我有三个下拉列表Department ID | Stream | Course ID
第一个部门ID下拉列表应该使用部门ID 105654和105655填充。当选择部门id 105654时，流下拉列表应作为科学和<
浏览 1提问于2016-08-17得票数 0
回答已采纳
2回答
我在看下面的代码，我似乎无法理解其中的一些事情<!.dropdown:hover .dropdown-content a { } display: none;
.dropdown:hover .dropdown-content a
浏览 5提问于2021-12-31得票数 1
回答已采纳
1回答
我已经为我的dropdown将'Select‘的默认值设置为'0’。 验证规则 1.根据需要选择下拉列表。(至少从下拉列表中选择一个选项)。2.如果没有选择一个值，则显示一个错误，提示“您需要选择一个选项” 我尝试过的东西： 案例1： HTML： <div class="col-12 col-md-6 col-lg-4">select>
浏览 24提问于2021-08-05得票数 0
1回答
*这里真正的问题是我下面回答的问题，我想我想出了如何解决剩下的问题。如果我需要帮助，我稍后会回来，所以一些细节将从这个原始的帖子中删除。我对所选的每个字段都有一个计数。我想要填充一个下拉列表中所选的框数。var showcounter = 5提前感
浏览 4提问于2015-01-27得票数 0
回答已采纳
2回答
我试图根据从下拉列表中选择的值和从后端获取的值来更新状态，但是它正在循环中并达到最大深度。props) => {values.something === 'xyz' && setState({isValue: true}) <Dropdown>)}
re
浏览 2提问于2020-05-11得票数 0
我有两个自举下拉框。一个将显示数据库中的所有国家名称，根据用户选择的国家，另一个下拉列表应该在单击另一个下拉列表时选择状态。当单击一个下拉列表时，我提出了一个ajax请求来显示国家名。如何根据国家选择触发另一个下拉列表？$(".dropdown").on("show.bs.dropdown", function(){
浏览 0提问于2016-08-16得票数 0
回答已采纳
我有一个单选按钮列表，基于对单选按钮列表的选择，下拉列表将填充。重要的是，这里的单选按钮列表被设置为autopostback=true。
当我按下按钮移动到下一页时，以及当我回来的时候。下拉按钮不能保持状态。它正在失去价值。对我来说，重要的是保持状态，直到我到达最后一页。我该如何处理这个问题呢？我使用过会话，但没有成功。你能告诉我如何实现会话吗？
浏览 3提问于2014-04-29得票数 1
如何让一个dropdown链接到2下拉菜单。也就是说，如果我选择一个下拉列表的值，那么根据这个值2，更多的下拉列表应该会改变。我使用了下面的例子：。我需要根据在dropdown 1上选择的值填充dropdown 2和dropdown 4的值。
浏览 1提问于2012-04-04得票数 2
回答已采纳
我有一个带有4个下拉列表的第一页。当我选择第一个dropdown时，有一个Ajax调用将过滤其他3个dropdown数据，并单击submit按钮以显示第二个page.Now当我单击back按钮时，第一页中的dropdown必须保留数据。只有第一个下拉列表保留数据，其他3个下拉列表保留初始数据(不是过滤后的数据)。因此，我在load函数上进行Ajax调用，看看第一个dropdown是
浏览 2提问于2012-07-17得票数 0
1回答
我是一名Java开发人员，正在开发react原型，并且一直试图从所选的下拉项中检索id属性，然后我们应该将其发布到api中。下拉选项上为用户显示的值是一个参与者的名称，而api需要他们的id。我尝试在handleSelect调用中添加额外的参数，创建另一个新的handleClick函数并将其添加到下拉列表中。Item，而不是DropdownButton，更改了params和调用，但是对于这些字段，我
浏览 2提问于2022-03-31得票数 0
回答已采纳
1回答
我有两个使用相同模型的下拉列表，并将值设置到其中。Dropdown1将始终在屏幕上可见，而Dropdown2将仅在Dropdown1中选择的一个特定选项中可见。我正在根据下拉列表中的选择对数据库进行查询。
但是，当我先有两个下拉菜单，然后隐藏第二个下拉菜单时，值已经设置，但Dropdown2在我的</e
浏览 3提问于2011-07-22得票数 0
1回答
响应下拉代码： <div className={classnames('header__nav__title', { 'is-active_renderTypefaces() : null} </div>import {
浏览 0提问于2016-07-18得票数 5
回答已采纳
我正在尝试根据一个conditionalPanel下拉框中的项目数来实现一个selectInput。我可以根据下拉列表的值获得条件，如下所示( textInput字段允许您设置下拉列表中的项目数)： list(ui = fluidPage( uiOutput("
浏览 3提问于2016-08-24得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
