Hello World Example? Where is Doco #540

dbareis · 2024-04-13T04:54:00Z

dbareis
Apr 13, 2024

"https://slimselectjs.com/selects#single" makes it look simple to use yet it doesn't work. Where is documentation? Is there a hello world example?

While Googling I found at least one framework that moved off slim select to tom select mainly due to the lack of documentation. I'm happy to use slim select if it is indeed as simple as adding a "new SlimSelect" and providing the ID of the select statement. But that is not working here whether I place the JS before or after the creation of the select control created with PHP.

Answered by dbareis

Apr 13, 2024

OK I got it to work, here is my example (not sure what is wrong in my real code but I'll sort that out next :-(

I'd still like to know where the doco is...

<script src="JS Libraries/slim-select/v2.8.2/slimselect.min.js"></script>
<link rel="stylesheet" href="JS Libraries/slim-select/v2.8.2/slimselect.css">


<h1>Slim Select Test</h1>
<form id="upload_form" action="#" enctype="multipart/form-data" method="get">
   <select id='Db24Select' class="ignore">
        <option value="1">Some option</option>
        <option value="2">Another option</option>
        <option value="3" disabled="">A disabled option</option>
        <option value="4">Potato</option>
      </select>
</form>

<script>
  …

View full answer

dbareis · 2024-04-13T06:11:57Z

dbareis
Apr 13, 2024
Author

OK I got it to work, here is my example (not sure what is wrong in my real code but I'll sort that out next :-(

I'd still like to know where the doco is...

<script src="JS Libraries/slim-select/v2.8.2/slimselect.min.js"></script>
<link rel="stylesheet" href="JS Libraries/slim-select/v2.8.2/slimselect.css">


<h1>Slim Select Test</h1>
<form id="upload_form" action="#" enctype="multipart/form-data" method="get">
   <select id='Db24Select' class="ignore">
        <option value="1">Some option</option>
        <option value="2">Another option</option>
        <option value="3" disabled="">A disabled option</option>
        <option value="4">Potato</option>
      </select>
</form>

<script>
    debugger;
    new SlimSelect({ select: '#Db24Select',
                        closeOnSelect: true,
                        allowDeselectOption: true,
                        showSearch: true,
                        selectByGroup: true,
    });
</script>

0 replies

dbareis · 2024-04-14T22:36:56Z

dbareis
Apr 14, 2024
Author

Ok, so there is no doco, not a good idea, wonder how many people have gone to tom select or nice select or similar because of the lack of a simple standalone example.