Заполните значения Db в моем текстовом поле на основе моего выпадающего списка

Question

Код моего выпадающего списка: -

<select name="cat" id="cat" onchange="get_data(this.value)" required>
  <option disabled selected value> -- select an option -- </option>
  <option value="team1">team1</option>
  <option value="team2">team2</option>
  <option value="IT">IT</option>
  <option value="Manager">Manager</option>
</select>

Код моего текстового поля следующий: -

<input placeholder="Phone Number" name="phoneNumber" type="text" required>

Код JavaScript: -

function get_data(value){
    $.ajax({
        url: "ajaxdropdown.php",
        type: "POST",
        dataType: "HTML",
        async: false,
        data: {value: value}

     });
 }
    </script>

ajaxdropdown.php

<?php
include('session.php');
$cat = (filter_input(INPUT_POST, 'cat'));

$sql = mysql_query("select Mobile from user_content where Category='" . $cat . "'") or die(mysql_error());
$value_frank = mysql_fetch_row($sql);
$val_fra = $value_frank;

echo $val_fra;// here no need to use sessions at all.

      ?>

Моя таблица БД: -

 -------------------------
| ID  | Category | Mobile |
 -------------------------
| 001 | team1    | 962222 |
| 002 | team2    | 962562 |
| 003 | team2    | 962334 |
 -------------------------

Поэтому я хочу изменить значение текстового поля на основе моего раскрывающегося списка.

Например, когда я выбираю раскрывающееся значение «team2», он проверяет DB и отображает соответствующие записи Moblie Field в моем текстовом поле одну за другой, разделенные запятой.

Выпадающий список значений: team2 Значение текстового поля: 962562,962334

Любая помощь с благодарностью.