呼籲下拉動態地在HTML選擇日期

<select value="dt" name="previousYear"> 
    <option value="2007">2007</option> 
    <option value="2008">2008</option> 
    <option value="2009">2009</option> 
    <option value="2010">2010</option> 
    <option selected="selected" value="2011">2011</option> 
    <option value="2012">2012</option> 
    <option value="2012">2013</option> 
    <option value="2012">2014</option> 
</select> 
<select value="dt" name="currentYear"> 
    <option value="2007">2007</option> 
    <option value="2008">2008</option> 
    <option value="2009">2009</option> 
    <option value="2010">2010</option> 
    <option selected="selected" value="2011">2011</option> 
    <option value="2012">2012</option> 
    <option value="2012">2013</option> 
    <option value="2012">2014</option> 
</select> 
<select value="dt" name="nextYear"> 
    <option value="2007">2007</option> 
    <option value="2008">2008</option> 
    <option value="2009">2009</option> 
    <option value="2010">2010</option> 
    <option selected="selected" value="2011">2011</option> 
    <option value="2012">2012</option> 
    <option value="2012">2013</option> 
    <option value="2012">2014</option> 
</select>

我有3個下拉這樣一年度名單，本年度&明年如何選擇當年作爲當年一樣，如果當前年份是2012，然後它自動必須選擇2012頁面加載時可以任何一個告訴我的動態選擇的Javascript代碼呼籲下拉動態地在HTML選擇日期

來源

2012-08-06 user1550575

您應該刪除值=從選擇標記DT太 – mplungjan 2012-08-06 04:51:50

你的標記看起來不正確。我猜你正在尋找的東西是這樣的：

<script type="text/javascript"> 
function setYear() 
{ 
var d = new Date(); 
var x = document.getElementById("currentYear");//for select box id="currentYear" 
x.value=d.getFullYear(); 
} 
</script>

這樣稱呼它：

<body onload="setYear()"> 
<!-- your markup --> 
</body>

呼叫在頁面加載上面的功能設置本年度的選擇框。我建議你到learn Javascript作爲一個基本的例子，作爲更好的理解。希望這會有所幫助。

來源

2012-08-06 04:24:02 Muse

你能告訴我如何callfunction，因爲我是新來的JavaScript請解釋我allobrate – user1550575 2012-08-06 04:27:17

請參閱編輯答案。 – Muse 2012-08-06 04:39:29

沒有內聯處理程序。而是使用'window.onload = function（）{...}' – mplungjan 2012-08-06 04:49:58

你應該用什麼作爲

var d = new Date(); 

var cur = document.getElementById('currentYear'); 
var prev = document.getElementById('previousYear'); 
var next = document.getElementById('nextYear'); 
var optionC, optionP, optionN; 

for (var i = d.getFullYear() - 5; i <= d.getFullYear() + 5; i++) { 
    optionC = document.createElement("option"); 
    optionC.setAttribute("value", i); 
    optionC.innerHTML = i; 
    cur.appendChild(optionC); 
} 

for (var i = d.getFullYear() - 10; i < d.getFullYear(); i++) { 
    optionP = document.createElement("option"); 
    optionP.setAttribute("value", i); 
    optionP.innerHTML = i; 
    prev.appendChild(optionP); 
} 

for (var i = d.getFullYear() + 1; i <= d.getFullYear() + 10; i++) { 
    optionN = document.createElement("option"); 
    optionN.setAttribute("value", i); 
    optionN.innerHTML = i; 
    next.appendChild(optionN); 
} 

cur.value = d.getFullYear(); 
prev.value = d.getFullYear() - 1; 
next.value = d.getFullYear() + 1;

只需添加JavaScript函數一樣

function setYear(obj) 
{ 
    var prev = document.getElementById('previousYear'); 
    var next = document.getElementById('nextYear'); 

    prev.value = Number(obj.value) - 1; 
    next.value = Number(obj.value) + 1; 
}

Updated demo

來源

2012-08-06 04:28:07 jaychapani

如何在HTML中選擇默認當前年份作爲當前年份選擇我必須編寫的內容，然後顯示前10年和下一個10年，當我選擇下拉它顯示 – user1550575 2012-08-06 05:01:35

你的意思是你需要動態生成HTML？ – jaychapani 2012-08-06 05:07:11

Yaaaaaaaaaaaaaaaaaaaaaaaaaa – user1550575 2012-08-06 05:36:09

呼籲下拉動態地在HTML選擇日期

回答

相關問題