Javascript:根据其他下拉菜单禁用下拉菜单

时间:2010-09-01 08:01:39

标签: javascript jquery

我的网站上有Javascript功能。我不太了解Javascript,但我想修改它。

此部分加载第三个下拉框,具体取决于前两个。

如果第二个下拉框locatie的值为util,我想修改它以禁用第三个。

jQuery( function () {
  jQuery("#util, #loc").change( function() {
    var locatie =  jQuery("#loc").val();
    var utilitate = jQuery("#util").val();

    if ( (locatie!= '---') && (utilitate!='---') ) 

        jQuery.getJSON("index.php?option=com_calculator&opt=json_contor&format=raw",{ locatie: locatie, utilitate: utilitate }, function (data) {
                var html = "";

                html += "<option name=den_contor value ='contor' >Alege Contorul</option>";
                if ( data.success == 'ok' ) 
                for (var i in data.val) 
                    html += "<option name=den_contor value ='"+ i+"' >" + data.val[i]+ " </option>";
                jQuery("#den_contor").html( html )    

        })

     })
  });`

谢谢, 塞巴斯蒂安

1 个答案:

答案 0 :(得分:1)

这应该适合你:

jQuery( function () {
  jQuery("#util, #loc").change( function() {
    var locatie =  jQuery("#loc").val();
    var utilitate = jQuery("#util").val();

    if ( (locatie!= '---') && (utilitate!='---') ) 

        jQuery.getJSON("index.php?option=com_calculator&opt=json_contor&format=raw",{ locatie: locatie, utilitate: utilitate }, function (data) {
                var html = "";

                html += "<option name=den_contor value ='contor' >Alege Contorul</option>";
                if ( data.success == 'ok' ) 
                for (var i in data.val) {
                    if (i != 'locatie' && data.val[i] != 'util') {
                        html += "<option name=den_contor value ='"+ i+"' >" + data.val[i]+ " </option>";
                    }
                }
                jQuery("#den_contor").html( html )    

        })

     })
  });

我添加了以if (i != 'locatie'开头的行,该行检查以确保您查看locatie项并且值不< / strong> util。如果这些都是真的(即不是locatie而不是util),那么我们显示第3个下拉。