使用javascript在选择标记中解析数据库值

Question

我希望通过更改另一个SELECTION框从数据库中获取值到SELECTION框。

例如，通过更改“公司”选择标记。 该值将onChange发送到PHP文件。 之后我想从那个php文件中获取值到“f_name”选择标记。

<select class="form-control" id="company" name="company">
        <?php  
        $dbg=$con->db;
        $sql="SELECT * FROM `company_table`";
        $stmt=$dbg->query($sql);
        foreach($stmt as $row) {
        ?>
        <option value="<?php echo $row['company_id'];?>" ><?php echo $row['company_name'];?></option>
        <?php } ?>

      </select>
      <select class="form-control" id="f_name" name="f_name">

      </select>

on“Company”Selection标签的onChange代码如下：

 $('#company').on("change", function() {
      var company_id=$(this).val();
       $.post('db/project_add_to_workers_db.php',// location
              {'action':'GetRow','company_id':company_id},// form name or data 
              function (data){// return function note 'date' is user define
                  alert (data);
                  var jsonData = $.parseJSON(window.localStorage.getItem("data"));
                  var $select = $('#f_name');
                  $(jsonData).each(function (index, o) {    
                      var $option = $("<option/>").attr("value", o.f_name).text( o.l_name);
                      $select.append($option);
                  });
              }); 
          });