title: javascript drop-down menu not working with Chrome (event issue?)
body: <p>My generated drop-down menu works in Firefox and IE but not Google Chrome.  I have</p>
  
  <pre><code>function characterList(){
      //code removed that generates select list 
      var optionContainer = document.createElement("option");
      optionContainer.innerHTML = "Show All Character Lines";
      addEvent(optionContainer, "click", filterChar, false);
      selectContainer.appendChild(optionContainer); //appends option to select menu
  
      for (var i = 0; i &lt; menu_lines; i++){
         var optionContainer1 = document.createElement("option");
         optionContainer1.innerHTML = "blah" //simplified so that names in menu are all "blah"
         selectContainer.appendChild(optionContainer1);//appends option to select menu
         addEvent(optionContainer1, "click", filterChar, false);//I think the problem is here.
      }
  }
  
  function filterChar(){
      alert("filterChar");
  }
  
  
  function addEvent(object, evName, fnName, cap) {
     if (object.attachEvent)
         object.attachEvent("on" + evName, fnName);
     else if (object.addEventListener)
         object.addEventListener(evName, fnName, cap);
  }
  </code></pre>
  
  <p>characterList populates a drop-down menu (of the select option type) with the names taken from h3 headings of an HTML file.  This works fine.  The problem is that in Google Chrome filterChar is not called on drop-down menu clicks.  I have a function given to me (attachEvent) that's supposed to be all-browser compatible.  Please someone help.   </p>