<commit_before>#Introduction
jquery-custom-select is a plugin to customize your select with a span an image and a div.
It creates automatically an input type hidden with the value that you have selected

#Get started
To create a custom select you need an html structure like this:

```
<div id="my-select">
    <span class="select-span">first</span>
    <div class="select-options">
        <ul class="select-ul">
            <li>first</li>
            <li>second</li>
            <li>third</li>
        </ul>
    </div>
</div>
```
There is a div with an id that you have to use to call the jquery-custom-select plugin.<br>
There is a span where you put the default value of your select.<br>
There is an ul element with its class and li element where you need to put your option.

To instantiate your custom select you need to insert the call to the plugin inside ```$(document).ready()``` like this
```
$(document).ready(function() {
    $('#my-select').customSelect();    
});   
```

You can customize your select like this:
```
$('#my-select').customSelect({
    width:100,
    textAlign:"left",
	textIndent:"10",
	image:"select.jpg"
}) 
```
#Options

There are some options that you can apply to the plugin:<br>
- <b>width:</b> The width of your custom select (default: 100):<br>
- <b>height:</b> The height of your custom select (default: 19):<br>
- <b>image: </b> The image that you apply at the custom select (default: select.jpg inside the folder img/):<br>
- <b>textAlign:</b> The alignment of text (default: left):<br>
- <b>textIndent: </b> Text indentation of text (default: 10):<br>
<commit_msg>added some lines to readme file<commit_after>#Introduction
jquery-custom-select is a plugin to customize your select with a span an image and a div.
It creates automatically an input type hidden with the value that you have selected

#Get started
To create a custom select you need an html structure like this:

```
<div id="my-select">
    <span class="select-span">first</span>
    <div class="select-options">
        <ul class="select-ul">
            <li>first</li>
            <li>second</li>
            <li>third</li>
        </ul>
    </div>
</div>
```

There is a div with an id that you have to use to call the jquery-custom-select plugin.<br>
There is a span where you put the default value of your select.<br>
There is an ul element with its class and li element where you need to put your option.

To instantiate your custom select you need to insert the call to the plugin inside ```$(document).ready()``` like this
```
$(document).ready(function() {
    $('#my-select').customSelect();    
});   
```

You can customize your select like this:
```
$('#my-select').customSelect({
    width:100,
    textAlign:"left",
	textIndent:"10",
	image:"select.jpg"
}) 
```

#Options

There are some options that you can apply to the plugin:<br>
- <b>width:</b> The width of your custom select (default: 100):<br>
- <b>height:</b> The height of your custom select (default: 19):<br>
- <b>image: </b> The image that you apply at the custom select (default: select.jpg inside the folder img/):<br>
- <b>textAlign:</b> The alignment of text (default: left):<br>
- <b>textIndent: </b> Text indentation of text (default: 10):<br>

{'fraction_non_alphanumeric': 0.13535228677379482, 'fraction_numerical': 0.007416563658838072, 'mean_word_length': 3.6508620689655173, 'pattern_counts': {'":': 0, '<': 67, '<?xml version=': 0, '>': 67, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '157578', 'n_tokens_mistral': 999, 'n_tokens_neox': 962, 'n_words': 407}