Question

I am getting an error object property doesn't support this method when I try to remove the attribute when I load the page.

However I believe this is happening because the disabled attribute was never added on page load, because I do not receive the error after the attribute is added.

My question is how can I check if the attribute exists before trying to remove it.

Thanks

 if (jQuery.inArray($("select option:selected").val(), Codes) == -1) {
                $(serviceSelector).hide();
                $(LocationSelector).hide();

                $("#ctl00_ctl00_body_body_ddlPool option['value=ADD']").removeAttr("disabled");
                $("#ctl00_ctl00_body_body_ddlPool option['value=ADM']").removeAttr("disabled");
            } else {
                $(serviceSelector).show();
                $(LocationSelector).show();
                $("#ctl00_ctl00_body_body_ddlPool  option[value=ADM]").attr("disabled", "disabled");
                $("#ctl00_ctl00_body_body_ddlPool  option[value=ADD]").attr("disabled", "disabled");

            }
            //$find(AcId).set_contextKey($(this).val());
        }).change();

Answer 1

You can use the .hasAttribute method

If you have more than one of each ADD and ADM nodes you will have to test each one:

$("#ctl00_ctl00_body_body_ddlPool option[value='ADD']").each(function(){
    if(this.hasAttribute("disabled"))
        this.removeAttribute("disabled");
});

Otherwise just test against the actual node

if($("#ctl00_ctl00_body_body_ddlPool option[value='ADD']")[0].hasAttribute("disabled"))

EDIT: fixed syntax error per Andrew’s comment.