【问题标题】:Check if value is in dropdown list and disable it in Jquery检查值是否在下拉列表中并在 Jquery 中禁用它
【发布时间】:2012-03-20 10:21:46
【问题描述】:

我如何检查一个项目是否在选择下拉列表中,如果它满足某些条件则禁用它?

提前致谢!

顺便说一句,我尝试了以下方法,但没有任何反应

$('#select-box option').each(function() 
    {if (this.val() == item) 
       {$('#select-box option').attr("disabled","disabled");}});

已编辑*

我在调试时使用的第二个代码。它顺利进行,直到我与项目进行比较。我想知道是不是因为这个值。如果是这样,我该如何克服它?

function checkSelectBox(item){ <!--alert(item);-->
                               $('#SCOPE option').each(function()
                                 {
                                   if($(this).val()==item)
                                   { alert('Camein')
                                   $(this).attr("disabled", "disabled");
                                     return false;    
                                    }

                                 });
                             }

【问题讨论】:

  • 提交您尝试过的代码

标签: javascript jquery jquery-attributes


【解决方案1】:

你的意思是:


$('#yourSelectId option').each(function(){
    if ($(this).val() == 'some_value_to_check') {
        $(this).attr("disabled", "disabled");
        return false;
    }
});

【讨论】:

  • 是的,这看起来像是我想要的。让我试试看!谢谢!
【解决方案2】:

嘿,这是工作示例:http://jsfiddle.net/R6GAr/11/

HTML:示例

<SELECT NAME="SCOPE" id="SCOPE">  
 <OPTION VALUE="G"> Global
 <OPTION VALUE="D" selected="selected"> Dynamic  
</SELECT>​

JQuery:示例

 $('#SCOPE').change(function(){

    if($(this).val() == 'G') {
      // **disables the option here with attr as below**
      $('#SCOPE option[value="'+$(this).val()+'"]').attr("disabled","disabled");

      // **Now you want that disable to be not selectable as well, this line does that.**
      $('#SCOPE option[value="'+$(this).val()+'"]').attr("selected",false);
  }


});

希望这会有所帮助,干杯!

【讨论】:

  • 他们都是很好的答案!谢谢大家,但我想我需要再调试一下
  • 别担心,如果你想调试,我附上了一个工作演示! 记住你将需要我上面提到的 attr(select, false) 。干杯!
  • 我想我知道问题出在哪里。显然我不能用这个来比较。我将在下面的答案中显示代码。
  • 我找到了解决方案!哈哈哈:)
猜你喜欢
  • 2011-01-15
  • 1970-01-01
  • 2021-10-27
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-12-10
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多