使用 Dojo 在下拉列表更改时显示警报

Question

当我更改下拉列表的值时，我试图显示警报。使用道场。这是我的代码：

页面加载时会附加此事件...

dojo.query('#inquiry_type select').connect('onchange', this.Context, 'inquiry_type_onchange');

这是inquiry_type_onchange函数...

inquiry_type_onchange: function() {
        alert("changed!");
    }

我的 #inqury_type 下拉框的 HTML 代码...

<select name="inquiry_type" id="inquiry_type" class="inquiry_type">
        <option selected="selected" value="">Select Below</option>
        <option value="Place an Order">Place an Order</option>
        <option value="Order Status">Order Status</option>
    </select>

Answer 1

试试这个！ http://jsfiddle.net/4Dxxf/1/

---

 dojo.addOnLoad( function() {
     dojo.connect(dojo.byId('#inquiry_type'), "onchange", function(evt) {
                 alert("changed!");
         console.log("option Changed to: "+evt.target.value);
         dojo.stopEvent(evt);
     });
 });

---

<select name="inquiry_type" id="inquiry_type" class="inquiry_type">
    <option selected="selected" value="">Select Below</option>
    <option value="Place an Order">Place an Order</option>
    <option value="Order Status">Order Status</option>
</select>

Answer 2

您的查询不太正确

更改此：

dojo.query('#inquiry_type select')

到

dojo.query('select#inquiry_type')

这里还有一些 Dojo 1.6 的很好的例子 http://dojotoolkit.org/documentation/tutorials/1.6/using_query/