显示/隐藏取决于下拉菜单选择

费利克斯·马克西姆(Felix Maxime)

所以我有一个下拉菜单。该下拉菜单的ID为“课程”。此下拉菜单还具有其他属性,onclick="displayField();

下拉菜单有2个选项。

2和3。

现在,我希望rsform-block-cotecours1根据选择的选项隐藏该类的所有内容

这是用于此的JavaScript:

function displayField()
{
  if(document.getElementById("courses").text == '2';)
  document.getElementsByClassName('rsform-block-cotecours1').style.display="none";

  if(document.getElementById("courses").text == '3';)
  document.getElementsByClassName('rsform-block-cotecours1').style.display="";
}


window.addEvent('domready', function() {
displayField();
});

但是,这不起作用,我也不知道为什么。

西德·M

这是你想要的?

小提琴: 小提琴

<select id="courses" onchange="ddlChange()">
  <option value="2">2</option>
  <option value="3">3</option>
 </select>

的JavaScript

function ddlChange() {

    if (document.getElementById("courses").value =="2"){
      document.getElementsByClassName('rsform-block-cotecours1')[0].style.display="none";
        alert(document.getElementById("courses").value );
    }     
     if (document.getElementById("courses").value == "3"){
      document.getElementsByClassName('rsform-block-cotecours1')[0].style.display="block";
         alert(document.getElementById("courses").value );
    }     
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

HTML。隐藏/显示下拉菜单,具体取决于是否在另一个下拉菜单中选择了一个选项

来自分类Dev

根据Excel中的下拉菜单选择显示/隐藏列

来自分类Dev

切换隐藏/显示下拉菜单选择事件

来自分类Dev

显示/隐藏div取决于AngularJS中的下拉选择

来自分类Dev

如何使用Javascript使从属下拉菜单选择菜单显示/隐藏另一个下拉菜单?

来自分类Dev

根据正确选择的单选按钮显示下拉菜单

来自分类Dev

选择下拉菜单选项时会显示空格-angularjs

来自分类Dev

下拉菜单选择无法显示哪种形式

来自分类Dev

根据下拉菜单选择显示数字

来自分类Dev

如何隐藏下拉菜单选项?

来自分类Dev

文本框输出取决于下拉菜单中的选择

来自分类Dev

VueJS多个下拉菜单-渲染选项取决于第一个选择的值

来自分类Dev

文本框输出取决于下拉菜单中的选择

来自分类Dev

过滤角度下拉菜单功能取决于您先前选择的内容

来自分类Dev

从选择下拉菜单中显示/隐藏DIV

来自分类Dev

根据选择的下拉菜单隐藏和显示div

来自分类Dev

从选择下拉菜单中隐藏/显示标签和段落

来自分类Dev

下拉菜单选择颜色

来自分类Dev

水平下拉菜单选择图片

来自分类Dev

Laravel-显示选择列表菜单选项,具体取决于用户company_id

来自分类Dev

填充第二个下拉菜单取决于第一个下拉选择

来自分类Dev

隐藏/显示列取决于选择

来自分类Dev

下拉菜单取决于其他下拉菜单-angularjs

来自分类Dev

基于单选按钮选择的隐藏div具有下拉菜单

来自分类Dev

显示/隐藏 div 取决于具有默认值的 AngularJS 中的下拉选择

来自分类Dev

下拉菜单选择存在延迟。它显示了先前选择的项目

来自分类Dev

隐藏溢出的导航,但仍显示下拉菜单

来自分类Dev

隐藏和显示下拉菜单

来自分类Dev

自动复制并粘贴到不同的选项卡,具体取决于从下拉菜单中选择的选项

Related 相关文章

  1. 1

    HTML。隐藏/显示下拉菜单,具体取决于是否在另一个下拉菜单中选择了一个选项

  2. 2

    根据Excel中的下拉菜单选择显示/隐藏列

  3. 3

    切换隐藏/显示下拉菜单选择事件

  4. 4

    显示/隐藏div取决于AngularJS中的下拉选择

  5. 5

    如何使用Javascript使从属下拉菜单选择菜单显示/隐藏另一个下拉菜单?

  6. 6

    根据正确选择的单选按钮显示下拉菜单

  7. 7

    选择下拉菜单选项时会显示空格-angularjs

  8. 8

    下拉菜单选择无法显示哪种形式

  9. 9

    根据下拉菜单选择显示数字

  10. 10

    如何隐藏下拉菜单选项?

  11. 11

    文本框输出取决于下拉菜单中的选择

  12. 12

    VueJS多个下拉菜单-渲染选项取决于第一个选择的值

  13. 13

    文本框输出取决于下拉菜单中的选择

  14. 14

    过滤角度下拉菜单功能取决于您先前选择的内容

  15. 15

    从选择下拉菜单中显示/隐藏DIV

  16. 16

    根据选择的下拉菜单隐藏和显示div

  17. 17

    从选择下拉菜单中隐藏/显示标签和段落

  18. 18

    下拉菜单选择颜色

  19. 19

    水平下拉菜单选择图片

  20. 20

    Laravel-显示选择列表菜单选项,具体取决于用户company_id

  21. 21

    填充第二个下拉菜单取决于第一个下拉选择

  22. 22

    隐藏/显示列取决于选择

  23. 23

    下拉菜单取决于其他下拉菜单-angularjs

  24. 24

    基于单选按钮选择的隐藏div具有下拉菜单

  25. 25

    显示/隐藏 div 取决于具有默认值的 AngularJS 中的下拉选择

  26. 26

    下拉菜单选择存在延迟。它显示了先前选择的项目

  27. 27

    隐藏溢出的导航,但仍显示下拉菜单

  28. 28

    隐藏和显示下拉菜单

  29. 29

    自动复制并粘贴到不同的选项卡,具体取决于从下拉菜单中选择的选项

热门标签

归档