title: I can't get onChange to fire for dijit.form.Select
body: <p>I seem unable to correctly attach the onchange event to a dijit.form.Select widget. However, I am new to web development, so I could be doing something completely idiotic (although, as best I can tell (and I've read all the docs I could find) I'm not). I made sure the body class matches the dojo theme, that I dojo.require() for all the widgets I use (and dojo.parser), and still, nada. The code I'm using is:</p>
  
  <pre><code>dojo.addOnLoad(function () {
      var _query = dojo.query('.toggle');
      for (var i in  _query) {
          dojo.connect(_query[i], 'onchange', function (ev) {
              console.log(ev + ' fired onchange');
          });
      }
  });
  </code></pre>
  
  <p>Any help at all would be appreciated.</p>
  
  <p>Addition: after digging more into the internals of how dijit renders widgets, I discoverd that when I add the dojoType='dijit.form.Select' attribute-value pair to my html element (doing this declaratively), dijit actually renders a one-row two-col table. The table's first element is a span (with the class dijitSelectLabel) that I'm assuming just displays the selected (or default) element. It's second element appears to be a button rendered as a down arrow that toggles the display of the menu itmes in response to certain DOM events. Also (and I thought this was pretty nifty), dijit doesn't actually place the select options in the DOM tree until one of those events is triggered. I looked at the HTML in firebug right after a fresh pageload (before i clicked on anything), and the second option isn't anywhere to be found. Then, once I click on the arrow button, there's a dijit.Menu widget, dijit sticks a dijit.Menu to the end of the body node; after I click somewhere else, the Menu widget is still the body's lastChild, now its just hidden and not attached to the form.Select widget.<br/>
  <br/>
  Should it really be this complicated if all I want to do is place a different dijit.form widget in the DOM tree depending on what item the user selects?
  <br/>
  <br/>
  Conclusion:
  Turns out it was a capitalization issue.<br/>
  <pre><code>dojo.connect(widget_obj, 'onChange', function_obj);
  </code></pre>works, whereas</p>
  
  <p><pre><code>dojo.connect(widget_obj, 'onchange', function_obj);
  </code></pre>doesn't.<br/><br/>
  So I was right that I was being completely stupid. I assumed that because the all lowercase version works when putting placing in it an html tag as an attribute, that Dojo would treat it the same. It makes sense, because dijit.form.Select has no .onchange attribute, but does have a .onChange attribute. (I ended up sticking with a .Select over a .FilteringSelect because I don't my users to be given any impression that they can type in something.) So, which one of you guys do I give the answer to (because you both had onChange in your posts, I guess I was just too inexperienced to realize that the case mattered)?</p>