Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Select2 disabled state


Hi keenthemes,

Ho you go to disabled Select2 in html ? is as any normal HTML5 component like : disabled="disabled ???"

it is unclear and not documented in Select2 html source

Thank you


user
riterix 3 years ago
Metronic
3 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)

user
Sean Author 3 years ago

Hi,

In a recent update, we added the disable state option for Select2 as you can check it here.

Regards.


user
riterix 3 years ago

Hi Sean,

Indeed in the doc the visual components are disabled, but just below : the HTML source code there's nothing referencing a disabled state


<select class="form-select" data-control="select2" data-placeholder="Select an option">

    <option></option>

    <option value="1">Option 1</option>

    <option value="2">Option 2</option>

</select>



<select class="form-select form-select-transparent" data-control="select2" data-placeholder="Select an option">

    <option></option>

    <option value="1">Option 1</option>

    <option value="2">Option 2</option>

</select>



<select class="form-select form-select-solid" data-control="select2" data-placeholder="Select an option">

    <option></option>

    <option value="1">Option 1</option>

    <option value="2">Option 2</option>

</select>


I thought you should fix it for new commers
Thank you


user
Sean Author 3 years ago

Hi,

Right, the code missing disabled attribute that needs to be added to the select control. Please try so and it should work as expected. We will fix it shortly.

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(