2015-04-30 33 views
0

我有一個來自select類型元素的Visa有效日期列,並且我已經將所有列表都列入了JavaScript,並且希望檢查是否選擇了某項內容,但是我需要列表加載頁面時加載。
我做了觸發事件onload,但這提供了一個問題,因爲如果事件是onload它將檢查該功能只在加載,而不是在那之後,如果我把空的選項加載到HTML並保持JavaScript的加載它doesn甚至不會給我看月份/年份的選項。
如果我改變觸發器onclick使它成爲越野車,我的意思是,我必須單擊列表中的一次,它顯示我一個選項,然後我必須離開列表,然後再次單擊。
有人可以給我一個想法如何做到這一點,以及我是否可以把事件變成一個函數?如果是,如何?如何爲動態選擇列表添加一些檢查

JS代碼:

function cardDateValidity() { 
    var month = "<option value=''>Month</option>"; 
    var monthOption = document.getElementById("cardmonth"); 
    var yearOption = document.getElementById("cardyear"); 
    var year = "<option value=''>Year</option>"; 

    for (var i = 1; i <= 12; i++) { 
     month += "<option value=" + i + ">" + i + "</option>"; 
     monthOption.innerHTML = month; 
    } 

    for (var i = 1991; i <= 2100; i++) { 
     year += "<option value=" + i + ">" + i + "</option>"; 
     yearOption.innerHTML = year; 
    } 
} 

HTML:

<body onload="cardDateValidity()"> 
    <tr> 
     <td> 
      <p class="RegTextLine">validity card date</p> 
      <select id="cardmonth"/> 
      <select id="cardyear"/> 
     </td> 
    </tr> 
</body> 
+0

謝謝你糾正我的人。 (沒有諷刺) –

+0

你只是想確定一些東西已被選中? – Cory

+0

是的,你完全正確 –

回答

0

你可以調用一個函數onchange事件。然後,您可以以任何您想要的方式處理更改事件。這裏是工作代碼:link