2014-09-23 31 views
-1

我有三个组合框:如何禁用使用Javascript在另一个组合框中选择的组合框的值?

每个组合框具有以下值来选择:

组合框1:

  1. 英语
  2. 法国
  3. 西班牙
  4. 意大利

组合框2:

  1. 英语
  2. 法国
  3. 西班牙
  4. 意大利

组合框3:

  1. 英语
  2. 法国
  3. 西班牙
  4. 意大利

当值组合框1选择让我们说英语,那么这个值是在组合框2 & 3都被禁用。我想在JavaScript中做到这一点。可以任何身体帮助。我想禁用此值不删除它。

在此先感谢。

编辑

我尝试这样做:

<html> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

     <script type="text/javascript"> 

      function selectedLanguage(lang,comboxbox_id){ 

       console.log(comboxbox_id); 

       var langSelected = lang.options[lang.selectedIndex].value; 
       console.log(langSelected); 

       if(comboxbox_id === 'language1'){ 

        if(langSelected === 1){ 
         //do nothing 
         document.getElementById('language2').style.disabled = true; 

        }else if(langSelected === 2){ 

        } 

       }else if(comboxbox_id === 'language2'){ 
        if(langSelected === 1){ 
         //do nothing 

        }else if(langSelected === 2){ 

        } 
       }     
      } 

     </script> 

    </head> 
    <body> 

     <select name="language1" id="language1" onchange="selectedLanguage(this,this.id)"> 

       <option value="1">French</option> 
       <option value="2">English US</option> 
       <option value="3">Greek</option> 
       <option value="4">Swedish</option> 

     </select> 


     <select name="language2" id="language2" onchange="selectedLanguage(this,this.id)"> 

       <option value="1">French</option> 
       <option value="2">English US</option> 
       <option value="3">Greek</option> 
       <option value="4">Swedish</option> 

     </select> 

    </body> 
</html> 
+2

到目前为止您尝试过什么? – 2014-09-23 14:41:09

+0

@AlexChar我编辑了这个问题。请看看我的尝试。 – k00989 2014-09-25 09:20:09

回答

0

这样的事情?

$(document).on('change', '.combobox', function() { 
    var $otherComboOptions = $('.combobox').not($(this)).find('option'), 
     value = this.value; 

    $otherComboOptions.each(function() { 
     if (value === this.value) { 
      this.disabled = true; 
     } else { 
      this.disabled = false; 
     } 
    }); 
}); 
+0

这看起来像jQuery,但我没有看到提及的问题或标签。 – j08691 2014-09-23 14:48:45

+0

它可以重写在香草的JavaScript,但我假设人们使用jQuery,除非另有说明。问题不是很具体。 – 2014-09-23 14:50:06

+0

我不会做出假设,如果您觉得问题不够具体,那么您应该发表评论,要求澄清。 – j08691 2014-09-23 14:50:55

相关问题