Skip to main content
adicionou 444 caracteres ao conteúdo
Fonte Link
Leandro
  • 1,8mil
  • 1
  • 10
  • 19

Basicamente fiz o seguinte: 1º Defini a class denominada 'linha' para as linhastags tr (linhas da tabela;tabela); 2º Defini um id para o select; 3º Configurei o script para que, ao clicar em qualquer elemento comna linha que possua a class 'linha', ele pegue o valor que está dentro da mesma. 4º Modifiquei a linha do script que atribuía a variável 'setor' ao campo select, utilizando a propriedade .val() para atribuir o valor da variavelvariável 'setor' ao campo com o id 'setor'.

Basicamente fiz o seguinte: 1º Defini a class denominada 'linha' para as linhas da tabela; 2º Defini um id para o select 3º Configurei o script para, ao clicar em qualquer elemento com a class 'linha', ele pegue o valor que está dentro da mesma. 4º Modifiquei a linha do script que atribuía a variável 'setor' ao campo select, utilizando a propriedade .val() para atribuir o valor da variavel 'setor' ao campo com o id 'setor'.

Basicamente fiz o seguinte: 1º Defini a class denominada 'linha' para as tags tr (linhas da tabela); 2º Defini um id para o select; 3º Configurei o script para que, ao clicar na linha que possua a class 'linha', ele pegue o valor que está dentro da mesma. 4º Modifiquei a linha do script que atribuía a variável 'setor' ao campo select, utilizando a propriedade .val() para atribuir o valor da variável 'setor' ao campo com o id 'setor'.

adicionou 444 caracteres ao conteúdo
Fonte Link
Leandro
  • 1,8mil
  • 1
  • 10
  • 19

Basicamente fiz o seguinte: 1º Defini a class denominada 'linha' para as linhas da tabela; 2º Defini um id para o select 3º Configurei o script para, ao clicar em qualquer elemento com a class 'linha', ele pegue o valor que está dentro da mesma. 4º Modifiquei a linha do script que atribuía a variável 'setor' ao campo select, utilizando a propriedade .val() para atribuir o valor da variavel 'setor' ao campo com o id 'setor'.

Basicamente fiz o seguinte: 1º Defini a class denominada 'linha' para as linhas da tabela; 2º Defini um id para o select 3º Configurei o script para, ao clicar em qualquer elemento com a class 'linha', ele pegue o valor que está dentro da mesma. 4º Modifiquei a linha do script que atribuía a variável 'setor' ao campo select, utilizando a propriedade .val() para atribuir o valor da variavel 'setor' ao campo com o id 'setor'.

Fonte Link
Leandro
  • 1,8mil
  • 1
  • 10
  • 19

Fiz algumas modificações no código, acredito que assim funcione do modo desejado:

var setores = [
 {"id":"1", "setor":"Recepcao"},
 {"id":"2", "setor":"Pronto Socorro"},
 {"id":"3", "setor":"Unidade de Internacao"}
];

    preencherComboBox();
    preencherTabela();


function preencherComboBox(){
  var combo = $('.select');
      $.each(setores, function(i, setor){
        combo.append($('<option>',{
          value : setor.id,
          text  : setor.setor
        }));
      }); 
}

function preencherTabela(){
   var tbody = $('.tbody');
      $.each(setores, function(i, setor){
        var linha = "<tr class='linha'>"
                      +"<td>"+setor.id+"</td>"
                      +"<td>"+setor.setor+"</td>"
                    +"</tr>";
        tbody.append(linha);
      }); 
}


$('.linha').click(function(){
  var tableData = $(this).children("td").map(function()         {
                    return $(this).text();
                }).get();
                
  var setor =  $.trim(tableData[0]) ;
  $('#setor').val(setor);
});
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>


<div class="form-group ">
<label>Itens</label>
<select id="setor" class="form-control select col-lg-2"></select>
</div>

<table class="table table-responsive table-hover">
  <thead>
     <th>ID</th>
     <th>Setor</th>
  </thead>
  <tbody class="tbody">
  </tbody>
</table>