Проблема раскрывающегося значения базы данных Ajax

Question

Мне нужно получить значения из таблицы, используя Ajax, чтобы получить мгновенно

В первом раскрывающемся списке, если я выберу значение, оно будет использоваться для отображения значения во втором раскрывающемся списке с использованием условия where.

Когда выбранное значение совпадает, значение выпадающего списка будет отображаться в выпадающем списке.

Но в моем случае во втором раскрывающемся списке отображаются значения столбца имени и строки продукта.

Я хочу, чтобы в раскрывающемся списке отображалась только строка продукта.

Ajax - Javasscript

<script type="text/javascript">
function showUser(str) {
    if (str == "") {
        document.getElementById("txtHint").innerHTML = "";
        return;
    } else { 
        if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange = function() {
            if (this.readyState == 4 && this.status == 200) {
                document.getElementById("txtHint").innerHTML = this.responseText;
            }
        };
        xmlhttp.open("GET","productionrecordnew.php?q="+str,true);
        xmlhttp.send();
    }
}
</script>

HTML - PHP

     <div class="control-group">
        <label class="control-label">Machine Name</label>
        <div class="controls">
        <?php
              $q = strval($_GET['q']);
              $con = mysqli_connect("mysql.hostinger.in","u403197521_ukadm","1fe[YTwS8A^jL^i","u403197521_prs");
              $query = mysqli_query($con,"SELECT * FROM machinedetails");
        ?>             
              <select name="mach_name" onchange="showUser(this.value)"> 
              <?php while ($line = mysqli_fetch_array($query, MYSQL_ASSOC)) { ?> <option value="<?php echo $line['mach_name'];?>"> <?php echo $line['mach_name'];?> </option>   
          <?php } ?>
              </select>
        </div>
     </div>
     <div class="control-group">
        <label class="control-label">Component Name</label>
        <div class="controls">
           <?php 
            $query = mysqli_query($con,"SELECT * FROM machinedetails WHERE mach_name='".$q."'");
            ?>
            <select name="product" id="txtHint"> 
            <?php while ($line = mysqli_fetch_array($query, MYSQL_ASSOC)) { ?> <option value="<?php echo $line['product'];?>"> <?php echo $line['product'];?> </option>   
            <?php } ?>
            </select>
        </div>
     </div>