title: How to get value from selected icon dropdown?
body: <p>I have 3 icons. i.e <code>icon-star</code>, <code>icon-check</code>, <code>icon-info</code>. if <code>icon-start</code> selected, then i want to store the value of the selected icon into database. for example: </p>
  
  <ul>
  <li><code>icon-start</code> with <code>value="star"</code> </li>
  <li><code>icon-check</code> with <code>value="complete"</code></li>
  <li><code>icon-info</code> with <code>value="important"</code></li>
  </ul>
  
  <p>So, the value stored into database is <code>"star"</code> because i choose <code>icon-star</code>.</p>
  
  <p>Where i must put the value? and how?</p>
  
  <p><strong>Here my modal:</strong></p>
  
  <pre><code>&lt;form autocomplete="off" novalidate action="&lt;?= base_url('app/admin/to-do-add')?&gt;" method="POST"&gt;
      &lt;input type="hidden" name="&lt;?=$this-&gt;security-&gt;get_csrf_token_name();?&gt;" value="&lt;?=$this-&gt;security-&gt;get_csrf_hash();?&gt;"&gt;
      &lt;div class="btn-group dropup dropdown-icon-wrapper mr-1 mb-1" style="float:right"&gt;
          &lt;button type="button" class="btn btn-primary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" name="status"&gt;
              &lt;i class="feather icon-star dropdown-icon"&gt;&lt;/i&gt;
          &lt;/button&gt;
          &lt;div class="dropdown-menu"&gt;
              &lt;span class="dropdown-item"&gt;
                  &lt;i class="feather icon-star" data-toggle="tooltip" data-placement="left" title="Starred" value="star"&gt;&lt;/i&gt;
              &lt;/span&gt;
              &lt;span class="dropdown-item"&gt;
                  &lt;i class="feather icon-info" data-toggle="tooltip" data-placement="left" title="Important" value="important"&gt;&lt;/i&gt;
              &lt;/span&gt;
              &lt;span class="dropdown-item"&gt;
                  &lt;i class="feather icon-check" data-toggle="tooltip" data-placement="left" title="Completed" value="complete"&gt;&lt;/i&gt;
              &lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;br&gt;
      &lt;br&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;To&lt;/label&gt;
          &lt;div class="controls"&gt;
              &lt;select class="select2 form-control" name="to"&gt;
                  &lt;option value="&lt;?php echo $dataLogin-&gt;MEmployee_ID;?&gt;"&gt;-SELECT-&lt;/option&gt;
                  &lt;?php foreach ($data1 as $row){ ?&gt;
                  &lt;option value=" &lt;?php echo $row-&gt;MEmployee_ID ?&gt;"&gt;
                      &lt;?php echo $row-&gt;EmployeeName?&gt;
                  &lt;/option&gt;
                  &lt;?php } ?&gt;
              &lt;/select&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class=" modal-footer"&gt;
          &lt;button type="submit" class="btn btn-primary"&gt;&lt;?= $this-&gt;lang-&gt;line('add');?&gt;&lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>Here my controller :</strong></p>
  
  <pre><code>public function addTask(){
      var_dump($this-&gt;input-&gt;post('status')); die(); //i tried to var_dump, the value is NULL
      $dataLogin = $this-&gt;employee_model-&gt;checkUserData($this-&gt;session-&gt;userdata('islogin'))-&gt;row();
      $data = [
          "MEmployee_ID" =&gt; $this-&gt;input-&gt;post('to'),
          "status" =&gt; $this-&gt;input-&gt;post('status') //here the value of selected icon 
      ];
  }
  </code></pre>