function form_dropdown($name, $options, $selected_key = NULL, $attributes = NULL, $additional_code = NULL, $data_attributes = NULL) {
<br>
<br> $extra = '';
<br> if (isset($attributes)) {
<br> $extra = get_attributes_str($attributes);
<br> }
<br>
<br> if (isset($additional_code)) {
<br> $extra .= ' ' . $additional_code;
<br> }
<br>
<br> $html = '&lt;select name=&quot;' . $name . '&quot;' . $extra . '&gt;
<br>';
<br>
<br> if (is_scalar($selected_key) &amp;&amp; isset($options[$selected_key])) {
<br> $selected_value = $options[$selected_key];
<br> $data_attrs_str = '';
<br>
<br> if (isset($data_attributes[$selected_key])) {
<br> foreach ($data_attributes[$selected_key] as $data_key =&gt; $data_value) {
<br> $data_attrs_str .= ' data-' . $data_key . '=&quot;' . $data_value . '&quot;';
<br> }
<br> }
<br>
<br> $html .= '&lt;option value=&quot;' . $selected_key . '&quot; selected' . $data_attrs_str . '&gt;' . $selected_value . '&lt;/option&gt;
<br>';
<br> unset($options[$selected_key]);
<br> }
<br>
<br> foreach ($options as $option_key =&gt; $option_value) {
<br> $data_attrs_str = '';
<br>
<br> if (isset($data_attributes[$option_key])) {
<br> foreach ($data_attributes[$option_key] as $data_key =&gt; $data_value) {
<br> $data_attrs_str .= ' data-' . $data_key . '=&quot;' . $data_value . '&quot;';
<br> }
<br> }
<br>
<br> $html .= '&lt;option value=&quot;' . $option_key . '&quot;' . $data_attrs_str . '&gt;' . $option_value . '&lt;/option&gt;
<br>';
<br> }
<br>
<br> $html .= '&lt;/select&gt;';
<br> return $html;
<br>}

&lt;?php
<br>class Dropdown extends Trongate {
<br>
<br> function index() {
<br>
<br> // Variables used to generate a dropdown menu in a form
<br> $options = array(
<br> 'apple' =&gt; 'Apple',
<br> 'banana' =&gt; 'Banana',
<br> 'orange' =&gt; 'Orange'
<br> );
<br>
<br> $attributes = array(
<br> 'class' =&gt; 'form-control',
<br> 'id' =&gt; 'my-dropdown'
<br> );
<br>
<br> $additional_code = 'onchange=&quot;alert(&amp;quot;Selected value: &amp;quot; + this.value)&quot;';
<br>
<br> $data_attributes = array(
<br> 'apple' =&gt; array('color' =&gt; 'red'),
<br> 'banana' =&gt; array('color' =&gt; 'yellow'),
<br> 'orange' =&gt; array('color' =&gt; 'orange')
<br> );
<br>
<br> $data['dropdown_name'] = 'fruits';
<br> $data['dropdown_options'] = $options;
<br> $data['dropdown_selected'] = 'banana';
<br> $data['dropdown_attr'] = $attributes;
<br> $data['dropdown_code'] = $additional_code;
<br> $data['dropdown_data_attr'] = $data_attributes;
<br>
<br> $data['form_location'] = BASE_URL . 'dropdown/submit';
<br> $data['cancel_url'] = BASE_URL . 'dropdown';
<br>
<br> $data['view_module'] = 'dropdown';
<br> $data['view_file'] = 'display';
<br> $this-&gt;template('public', $data);
<br> }
<br>}

&lt;h1&gt;Hello from &lt;span&gt;&lt;i&gt;dropdown&lt;/i&gt;&lt;/span&gt; module&lt;/h1&gt;
<br>&lt;p&gt;This view was generated using Trongate Scaffold &amp; Code Snippets!&lt;/p&gt;
<br>
<br>&lt;?php
<br>echo form_open($form_location);
<br>echo form_label(ucfirst($dropdown_name));
<br>echo form_dropdown($dropdown_name, $dropdown_options, $dropdown_selected, $dropdown_attr, $dropdown_code, $dropdown_data_attr);
<br>echo form_submit('submit', 'Submit');
<br>echo anchor($cancel_url, 'Cancel', array('class' =&gt; 'button alt'));
<br>echo form_close();
<br>?&gt;
<br>
<br>&lt;p&gt;Example use of a dropdown with cisnez's addition of data-attribtes ??&lt;/p&gt;
<br>
<br>&lt;style&gt;
<br> /* Link to the dropdown/assets/css/custom.css */
<br> @import url('&lt;?= BASE_URL ?&gt;dropdown_module/css/custom.css');
<br>
<br> body {
<br> background-color: rgb(237, 237, 237);
<br> }
<br>&lt;/style&gt;
<br>
<br>&lt;!-- Link to the assets/js/custom.js --&gt;
<br>&lt;script src=&quot;&lt;?= BASE_URL ?&gt;dropdown_module/js/custom.js&quot;&gt;&lt;/script&gt;

document.addEventListener(&quot;DOMContentLoaded&quot;, function () {
<br> // Get all &lt;option&gt; elements in the dropdown menu
<br> var options = document.querySelectorAll('select[name=&quot;fruits&quot;] option');
<br>
<br> // Loop through each &lt;option&gt; element
<br> options.forEach(function (option) {
<br> // Get the value of the data-color attribute
<br> var color = option.getAttribute(&quot;data-color&quot;);
<br>
<br> // Set the background color of the element
<br> option.style.backgroundColor = color;
<br> });
<br>});

&lt;select name=&quot;fruits&quot; class=&quot;form-control&quot; id=&quot;my-dropdown&quot; onchange=&quot;alert(&amp;quot;Selected value: &amp;quot; + this.value)&quot;&gt;
<br> &lt;option value=&quot;banana&quot; selected data-color=&quot;yellow&quot;&gt;Banana&lt;/option&gt;
<br> &lt;option value=&quot;apple&quot; data-color=&quot;red&quot;&gt;Apple&lt;/option&gt;
<br> &lt;option value=&quot;orange&quot; data-color=&quot;orange&quot;&gt;Orange&lt;/option&gt;
<br>&lt;/select&gt;

https://github.com/trongate/trongate-framework/pulls

https://github.com/trongate/trongate-framework/pull/141