Настройка элементов списка с помощью 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

не двойной прирост я

DECLARE я и tokenizedDates с вар или загрязнять глобальное пространство имен

Вот ссылка для выполнения манипуляций с домом: http://www.w3schools.com/jsref/met_select_add.asp

Вот как это сделать с помощью jquery, потому что манипуляции с домиками сложны для их получения для работы кросс-браузер:

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); 
}