Home/ Questions/Q 8896677
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T00:08:07+00:00

This code is a direct copy-paste from the jquery#faq page <select id=x style=width:200px;> <option>one</option>

  • 0

This code is a direct copy-paste from the jquery#faq page

<select id="x" style="width:200px;">
   <option>one</option>
   <option>two</option>
</select>
<input type="button" value="Disable" onclick="$('#x').attr('disabled','disabled')"/>
<input type="button" value="Enable" onclick="$('#x').removeAttr('disabled')"/>

The select option list is getting disabled on first click to disable, but not getting enabled again on clicking the Enable button.

Please let me know, what is wrong with above piece of code?

I am using Chrome 23.0.1271.64 on windows.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You are correct about there being a bug on the official jQuery page. Viewing the source for that page shows that this is the actual code:

    <select id="x" style="width:200px;" disabled="disabled">
    <option>one</option>
    <option>two</option>
</select>
<input type="button" onclick="$('#x').attr('disabled','disabled')" value="Disable">
<input type="button" onclick="$('#x').attr('disabled','')" value="Enable">

    As you can see, the onclick code is incorrect; to enable a control (according to the jQuery FAQ) the disabled attribute should either be set to false or removed using $(..).removeAttr().

    • 0