title: How to make the option value include more than 1 value?
body: <p>I have a problem to show the 4 different data in the input fields. I have create the onchange function to get the 1 value in the input field, but how to get other different data to show in the other fields:</p>
  
  <p>Below is my coding:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div class="form-group"&gt;
      &lt;label for="cp1" class="control-label col-lg-4"&gt;Move to Sub Folder/New Category&lt;span style="color:red;"&gt;&amp;nbsp;*&lt;/span&gt;&lt;/label&gt;
      &lt;div class="col-lg-3"&gt;
          &lt;select onchange="getComboA(this)" class="form-control blank" id="parentid" name="parentid" title="parentid"&gt;
              &lt;option&gt;Please Select&lt;/option&gt;
              &lt;option value="New Category_value"&gt;New Category&lt;/option&gt;
  
              &lt;?php
              $sql_incharge = 'select * from filing_code_management where status=1 order by id';
              $arr_incharge = db_conn_select($sql_incharge);
  
              foreach ($arr_incharge as $rs_incharge) {
                  $folder_location      = $rs_incharge['folder_location'];
                  $function_code_select = $rs_incharge['function_code'];
                  $function_name_select = $rs_incharge['function_name']
                  $activity_code_select = $rs_incharge['activity_code']
                  $activity_name_select = $rs_incharge['activity_name']
  
                  echo '&lt;option value="' . $rs_incharge['function_code'] . '"&gt;' . $rs_incharge['name'] . '&lt;/option&gt;';
  
              }
              ?&gt;
          &lt;/select&gt; 
          &amp;nbsp;&amp;nbsp;
          &lt;!--&lt;input type="text" class="form-control blank" id="parentid" name="parentid" title="parentid" onblur="capitalize(this.id, this.value);"&gt;--&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="form-group"&gt;
      &lt;label for="cp1" class="control-label col-lg-4"&gt;Function Code:&lt;/label&gt;
          &lt;div class="col-lg-3"&gt;
          &lt;input type="text" class="form-control" id="function_code" name="function_code" title="function_code" value=""&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="form-group"&gt;
      &lt;label for="cp1" class="control-label col-lg-4"&gt;Function Name:&lt;/label&gt;
      &lt;div class="col-lg-3"&gt;
          &lt;input type="text" class="form-control" id="function_name" name="function_name" title="function_name"&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="form-group"&gt;
      &lt;label for="cp1" class="control-label col-lg-4"&gt;Activity Code:&lt;/label&gt;
      &lt;div class="col-lg-3"&gt;
          &lt;input type="text" class="form-control" id="activity_code" name="activity_code" title="activity_code"&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="form-group"&gt;
      &lt;label for="cp1" class="control-label col-lg-4"&gt;Activity Name:&lt;/label&gt;
      &lt;div class="col-lg-3"&gt;
          &lt;input type="text" class="form-control" id="activity_name" name="activity_name" title="activity_name"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
  
  function getComboA(selectObject) {
      var value = selectObject.value;
      document.getElementById("function_code").value =value;
      document.getElementById("function_name").value =value;
      document.getElementById("activity_code").value =value;
      document.getElementById("activity_name").value =value;
  }
  
  &lt;script&gt;
  
  </code></pre>
  
  <p>Now my output show me the 4 same data in the input fields, like below the picture:
  <a href="https://i.stack.imgur.com/NKZxv.png" rel="nofollow noreferrer">Output 1</a></p>
  
  <p>Actually I want to show the 4 different data, now I just grab the first data using this code $rs_incharge['function_code'], how let these $rs_incharge['function_name'], $rs_incharge['activity_code']$rs_incharge['activity_name'] can show the different field, hope someone can guide me solve this problem. Thanks.</p>