Como popular campo Menu/List com dados da tabela do banco de dados?

Gostaria que meu código puxasse os dados direto do banco de dados porque tem muitos campos.

Tenho esse código, mas nele tenho que escrever todos os campos que quero que apareça na página.

Como faço para o campo ser preenchido automaticamente com os dados da minha tabela?

Além disso, nesse código os itens a tabela ficam aparecendo.

Alguém pode me ajudar com isso??

<table id="select1">
 <tr>
 <td class="lista_nome">tb1 Nome1</td>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td class="lista_nome">tb1 Nome2</td>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td class="lista_nome">tb1 Nome3</td>
 <td></td>
 <td></td>
 </tr>
</table>
<table id="select2">
<tr>
 <td class="lista_nome">tb2 Nome4</td>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td class="lista_nome">tb2 Nome5</td>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td class="lista_nome">tb2 Nome6</td>
 <td></td>
 <td></td>
 </tr></table>
<table id="select3">
 <tr>
 <td class="lista_nome">tb3 Nome7</td>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td class="lista_nome">tb3 Nome8</td>
 <td></td>
 <td></td>
 </tr>
 <tr>
 <td class="lista_nome">tb3 Nome9</td>
 <td></td>
 <td></td>
 </tr>
</table>
<form>
 <div class="radios">
 <label><input type="radio" name="selector" data-id="select1" />Select1</label><br />
 <label><input type="radio" name="selector" data-id="select2" />Select2</label><br />
 <label><input type="radio" name="selector" data-id="select3" />Select3</label><br />
 </div>
 <select name="options">
 </select>
</form>
 <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

 <script src="js/index.js"></script>