使用Dojo显示警告onChange of dropdown

时间:2011-04-05 19:52:21

标签: forms dojo connect onchange

所有

这里的简单问题 - dojo新手,无法让它发挥作用。

当我更改下拉列表的值时,我正在尝试显示警报。使用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>

提前感谢您的任何帮助!

2 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

您的查询不太正确

改变这个:

dojo.query('#inquiry_type select')

dojo.query('select#inquiry_type')

此外,Dojo 1.6还有一些不错的例子 http://dojotoolkit.org/documentation/tutorials/1.6/using_query/