javascript - 在下拉列表更改时显示表中的行

标签 javascript dropdown

我已经堕落了好几个月了。一月、二月、……、十一月、十二月。当表中选择一月时,将显示所有 31 天的 31 行。但是当选择二月时,还有 2 月 28 日、1 月 29 日、1 月 30 日、1 月 31 日。 我正在更改此代码

$("#selectMonth").change(function () {

            selectedMonth = $("#selectMonth").val();

            table = document.getElementById("mpProfileTableDaily_MWh");
            rows = table.getElementsByTagName("tr");

            for(i = 0; i < rows.length; i++){
                rows[i].style.background = "transparent";
            }
         if(selectedMonth == 'january'){
                rowNum = 1;
                @foreach($january->month_dates as $day)
                row = document.getElementById("mpProfileTableDaily_MWh").rows[rowNum].cells;
  row[0].innerHTML = "{{$day}}";
                    m = 1;
@endforeach
......

一些代码也适用于其他月份。 怎么解决这个问题?

enter image description here

最佳答案

添加

rows[i].innerHTML= "";

之后

rows[i].style.background = "transparent"; 

在for循环中

关于javascript - 在下拉列表更改时显示表中的行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50153175/

相关文章:

grails - 在下拉菜单中填充一个下拉列表

Python 破折号 : How to use Input from a dynamically created Dropdown?

jquery - Bootstrap 下拉菜单阻止 body 点击切换?

javascript - chrome 扩展弹出窗口的非阻塞警报

javascript - 非常大的单页应用程序设计问题

php - 如何使股票行情从页面的零像素从右向左滚动?

html - 父级宽度未定义时下拉菜单中断

javascript - 在 bootstrap col 下方打开新的 div

Javascript 动画 CSS 不透明度,卡住了

javascript - 没有 Moment.js 的 Pikaday 日期格式