與Dojo顯示警告更改下拉菜單

Question

全部，

簡單的問題在這裏 - 新的道場，不能得到它的工作。

我試圖在更改下拉列表的值時顯示警報。使用dojo。這裏是我的代碼：

此事件被附着在頁面加載時...

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

您的查詢是不太正確的

更改此：

dojo.query('#inquiry_type select') 

到

dojo.query('select#inquiry_type') 

也有一些很好的例子在這裏爲道場1.6 http://dojotoolkit.org/documentation/tutorials/1.6/using_query/

Answer 2

試試這個！ 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>