亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

從月份下拉選項中顯示當前月份的 DIV

從月份下拉選項中顯示當前月份的 DIV

慕婉清6462132 2022-10-08 15:41:10
我有幾個月的時間(一月到十二月)。選擇月份時,它將顯示該月份的 DIV。默認情況下,將顯示當前月份和相應的 DIV。到目前為止,我可以默認在下拉菜單中顯示當前月份,但我不知道為什么沒有顯示相應的DIV。Furthermore, when January is selected, the DIV displays, but then does not go away when another month is selected. 這只適用于 1 月份。HTML<select name="month" id="month">  <option value="0">January</option>  <option value="1">February</option>  <option value="2">March</option>  <option value="3">April</option>  <option value="4">May</option>  <option value="5">June</option>  <option value="6">July</option>  <option value="7">August</option>  <option value="8">September</option>  <option value="9">October</option>  <option value="10">November</option>  <option value="11">December</option></select><div class="hide" id="0">Jan content</div><div class="hide" id="1">Feb content</div><div class="hide" id="2">Mar content</div><div class="hide" id="3">Apr content</div><div class="hide" id="4">May content</div><div class="hide" id="5">Jun content</div><div class="hide" id="6">Jul content</div><div class="hide" id="7">Aug content</div><div class="hide" id="8">Sept content</div><div class="hide" id="9">Oct content</div><div class="hide" id="10">Nov content</div><div class="hide" id="11">Dec content</div>CSS.hide {    display: none;   }  JavaScript + jQueryvar CurrentDate=new Date();$("#month").val(CurrentDate.getMonth());document.getElementById('month').onchange = function() {    var i = 1;    var myDiv = document.getElementById(i);    while(myDiv) {        myDiv.style.display = 'none';        myDiv = document.getElementById(++i);    }    document.getElementById(this.value).style.display = 'block';};演示:https ://jsfiddle.net/mp61hbno/謝謝!
查看完整描述

3 回答

?
qq_遁去的一_1

TA貢獻1725條經驗 獲得超8個贊

我想你真的很親近??纯聪旅娴拇a。我修改了一些東西。


具體來說var i = 0;也是初始顯示。


var CurrentDate=new Date();

$("#month").val(CurrentDate.getMonth());

document.getElementById(new Date().getMonth()).style.display = 'block';


document.getElementById('month').onchange = function() {

    var i = 0;

    var myDiv = document.getElementById(i);

    while(myDiv) {

        myDiv.style.display = 'none';

        myDiv = document.getElementById(++i);

    }

    document.getElementById(this.value).style.display = 'block';

};

.hide {

    display: none;   

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select name="month" id="month">

  <option value="0">January</option>

  <option value="1">February</option>

  <option value="2">March</option>

  <option value="3">April</option>

  <option value="4">May</option>

  <option value="5">June</option>

  <option value="6">July</option>

  <option value="7">August</option>

  <option value="8">September</option>

  <option value="9">October</option>

  <option value="10">November</option>

  <option value="11">December</option>

</select>


<div class="hide" id="0">Jan content</div>

<div class="hide" id="1">Feb content</div>

<div class="hide" id="2">Mar content</div>

<div class="hide" id="3">Apr content</div>

<div class="hide" id="4">May content</div>

<div class="hide" id="5">Jun content</div>

<div class="hide" id="6">Jul content</div>

<div class="hide" id="7">Aug content</div>

<div class="hide" id="8">Sept content</div>

<div class="hide" id="9">Oct content</div>

<div class="hide" id="10">Nov content</div>

<div class="hide" id="11">Dec content</div>


查看完整回答
反對 回復 2022-10-08
?
慕村225694

TA貢獻1880條經驗 獲得超4個贊

我對你的 js 代碼做了一些改動,試試這個


var CurrentDate=new Date();

var curMnth = CurrentDate.getMonth();

$("#month").val(curMnth);

$("#"+curMnth).show();


document.getElementById('month').onchange = function() {

    var i = 0;

    var myDiv = document.getElementById(i);

    while(myDiv) {

        myDiv.style.display = 'none';

        myDiv = document.getElementById(++i);

    }

    document.getElementById(this.value).style.display = 'block';

};

它將解決問題。


查看完整回答
反對 回復 2022-10-08
?
慕尼黑5688855

TA貢獻1848條經驗 獲得超2個贊

你沒有顯示當月的內容,看看這個可能對你有幫助。


var CurrentDate=new Date();

var curMonth = CurrentDate.getMonth();

document.getElementById(curMonth).style.display = 'block';

$("#month").val(CurrentDate.getMonth());



document.getElementById('month').onchange = function() {

    var i = 1;

    var myDiv = document.getElementById(i);

    while(myDiv) {

        myDiv.style.display = 'none';

        myDiv = document.getElementById(++i);

    }

    document.getElementById(this.value).style.display = 'block';

};

.hide {

    display: none;   

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select name="month" id="month">

  <option value="0">January</option>

  <option value="1">February</option>

  <option value="2">March</option>

  <option value="3">April</option>

  <option value="4">May</option>

  <option value="5">June</option>

  <option value="6">July</option>

  <option value="7">August</option>

  <option value="8">September</option>

  <option value="9">October</option>

  <option value="10">November</option>

  <option value="11">December</option>

</select>


<div class="hide" id="0">Jan content</div>

<div class="hide" id="1">Feb content</div>

<div class="hide" id="2">Mar content</div>

<div class="hide" id="3">Apr content</div>

<div class="hide" id="4">May content</div>

<div class="hide" id="5">Jun content</div>

<div class="hide" id="6">Jul content</div>

<div class="hide" id="7">Aug content</div>

<div class="hide" id="8">Sept content</div>

<div class="hide" id="9">Oct content</div>

<div class="hide" id="10">Nov content</div>

<div class="hide" id="11">Dec content</div>


查看完整回答
反對 回復 2022-10-08
  • 3 回答
  • 0 關注
  • 141 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號