Question

我想知道.change函数中是否可能有多个条件。

例如，这些是我的.js文件的第一行：

$(document).ready(function(){
     $("select[name=streettype]").change(function () {

这是针对处理房屋价值等的页面。我有一个表单，用户输入他们的地址和＃34; streettype＆＃34;是＆＃34; rd＆＃34;，＆＃34; st＆＃34;，＆＃34; Ave＆＃34;等的选择列表

说他们选择＆＃34; st＆＃34;。这样做会禁用并启用表单中的其他选项。

然后，当他们继续填写表格时，会有另一个选择列表。他们选择＆＃34; 2层＆＃34;。执行此操作应该还启用和禁用其他一些选项并打印一些消息。

但是，由于该功能仅在＆＃34; streettype＆＃34;变化，选择＆＃34; 2层＆＃34;不要chaneg什么。相反，用户必须拥有＆＃34; 2层＆＃34;选中，然后返回并更改＆＃34; streettype＆＃34;到其他东西（例如＆＃34; rd＆＃34;）然后回到＆＃34; st＆＃34;它可以在表格中进一步更改其他值。

所以我想知道是否有可能有多种变化条件。

谢谢！

Answer 1

jQuery选择器就像CSS选择器一样工作，所以你可以这样做：

$("select[name=streettype],select[name=storey]").change(

它会触发其中任何一个。

Answer 2

为什么当您希望它们共享相同的逻辑时，您甚至可以按名称区分？我会添加一个这样的类

<select name="streettype" class="listenChange">...</select>
<select name="storey" class="listenChange">...</select>

然后像这样处理

$("select.listenChange").change(function(){
    var name $(this).attr("name"),
        newValue = $(this).val();
    switch (name) {
        case 'streettype':
            //..
            break;
        case 'storey':
            //..
            break;
    }
});

Answer 3

i think this may be work 

$("select[name=streettype1], select[name=streettype2]").change(function(){

});

JQuery：.change中的多个条件（function（）

3 个答案: