首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在IF条件J QUery内使用隐藏和显示查询

如何在IF条件J QUery内使用隐藏和显示查询
EN

Stack Overflow用户
提问于 2022-10-13 09:54:55
回答 1查看 25关注 0票数 0

因此,假设我的问题是,我有一个2值的下拉菜单,如values1和value2,当我单击value1时,字段1就会显示出来,当我选择value2时,字段2会显示如下。

代码语言:javascript
运行
复制
function acc_type() {
  if (jq('#dropdownID').val() === "") {
    jq('#field1').hide();
    jq('#field2').hide();
  }
  jq('#dropdownID').on('change', function() {
    let acct_type = jq('#dropdownID option:selected').text();
    if (acct_type == "value1") {
      jq('#field1').show();
      jq('#field2').hide();
    } else if (acct_type == "value2") {
      jq('#field1').hide();
      jq('#field2').show();
    }
  });
}

我的任务是,当某个字段出现时,使它们成为强制的,有一个有错误的函数调用,我需要添加这个错误,但是我如何使它工作。我的尝试如下所示

代码语言:javascript
运行
复制
if (jq('#field1').show() && !jq('#field2').val()) {
  addErr(`A value for <a href="javascript:void(0)" onlick="jq('#field2').focus()">Field 2</a> is required.<br>`);
} else if (jq('#field2').show() && !jq('#field1').val()) {
  addErr(`A value for <a href="javascript:void(0)" onlick="jq('#field1').focus()">field 1</a> is required.`);
}

代码的第一部分工作正常,"addERR()“也很好,但是我想不出任何方法来完成我的部分,比如当1被隐藏,而其他部分用空字段显示时,它应该会抛出错误。如果有人能帮忙,请看得够快。这是我关于Stack的第一个问题。

EN

回答 1

Stack Overflow用户

发布于 2022-10-13 13:37:49

更新这里,

自己找到解决办法

代码语言:javascript
运行
复制
if (jq('#field1').is(":visible") && !jq('#field2').val()) {
  addErr(`A value for <a href="javascript:void(0)" onlick="jq('#field2').focus()">Field 2</a> is required.<br>`);
} else if (jq('#field2').is(":visible") && !jq('#field1').val()) {
  addErr(`A value for <a href="javascript:void(0)" onlick="jq('#field1').focus()">field 1</a> is required.`);
}

我所做的错事,而不是我需要使用的show()

代码语言:javascript
运行
复制
is(":visible")
//or hidden instead of visible
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74053800

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档