通過JavaScript設置列表框的元素

Question

如何設置爲我生成的列表框jsf的單個元素？我想通過JS來設置它。

HTML generated: <select id="pageForm:effectiveDateListbox" name="pageForm:effectiveDateListbox" multiple="multiple" size="0"></select> 

var listBox = document.getElementById('pageForm:effectiveDateListbox'); 
      for (i = 0; i!= length; i++) 
      { 
       var date = arrDates[i]; 
       var displayMonth = date.getMonth() + 1; 
       var displayYear = date.getFullYear(); 
       var displayDate = date.getDate(); 
       tokenizedDates = displayMonth.toString(10) + "/" + displayDate.toString(10) + "/" + displayYear.toString(10); 
       listBox.options[i].value = tokenizedDates; 
       i++; 
      } 

Answer 1

在迴路長度

應該arrDates.length

不要雙擊增量我

申報我與VAR tokenizedDates或者你污染全局命名空間

這裏是鏈接爲做dom操作：http://www.w3schools.com/jsref/met_select_add.asp

這裏是如何做到這一點與jQuery的，因爲DOM操作很棘手，讓他們工作跨瀏覽器：

Adding options to a <select> using jQuery?

Answer 2

var listBox = document.getElementById('pageForm:effectiveDateListbox'); 
var dates = [new Date(2013,01,01), new Date(2013,02,03), new Date(2013,03,03)];  
for (i = 0; i != dates.length; i++) { 
    var option = document.createElement("option"); 
    var optionText = [dates[i].getMonth() + 1, dates[i].getDate(), dates[i].getFullYear()]; 
    option.text = optionText.join("/"); 
    listBox.add(option, null); 
}