Problem in storing combobox label in HTML

Question

Problem in storing combobox label in HTML

Navigation

#1 by (2 votes)

1

I have the following HTML combobox:

var concelhos = $('select[name="Concelho"] option');
    $('select[name="Distrito"]').on('change', function () {
        var Distrito = this.value;
        var novoSelect = concelhos.filter(function () {
            return $(this).data('distrito') == Distrito;
        });
        $('select[name="Concelho"]').html(novoSelect);
    });


function mudouValor() {
      var elemento = document.getElementById('COMBOFAB');
      var texto = elemento.options[elemento.selectedIndex].innerHTML;
      document.getElementById("nome_unidade").value = texto;
 }
 
 mudouValor();

 <span class="IWLABEL11CSS" id="IWLABEL7">Órgão: </span>
<select name="Distrito" size="1" width="195" class="COMBOCONCCSS" id="COMBOCID" tabindex="1">
<option value="00">Todos os Órgãos</option>
<option value="01">Câmara Municipal</option>
<option value="02">Gabinete do Prefeito</option>
<option value="03">Secretaria Municipal de Governo</option>
<option value="04">Assessoria de Comunicação Social</option>
<option value="05">Procuradoria Jurídica</option>
<option value="06">Ouvidoria Municipal</option>
<option value="07">Secretaria Municipal de Administração</option>
<option value="08">Secretaria Municipal de Planejamento</option>
<option value="09">Secretaria Municipal da Fazenda</option>
<option value="10">Secretaria Municipal de Saúde</option>
<option value="11">Secretaria Municipal de Desenvolvimento Econônomico</option>
<option value="12">Secretaria Municipal de Obras</option>
<option value="13">Secretaria Municipal de Ação Social</option>
<option value="14">Secretaria Municipal de Desenvolvimento Urbano e Meio Ambiente</option>
<option value="15">Secretaria Municipal de Esporte e Lazer</option>
<option value="16">Secretaria Municipal de Educação</option>
<option value="17">Secretaria Municipal de Agricultura</option>
<option value="18">Secretaria Municipal de Auditoria</option>
</select> 
<br><br>
                                    
<span class="IWLABEL11CSS" id="IWLABEL7">Unidade: </span>
<select name="Concelho" size="1" width="195" class="COMBOCONCCSS" id="COMBOCID" tabindex="1" onchange="mudouValor();">
<option data-distrito="00" value="00">Todas as Unidades</option>
<option data-distrito="01" value="01">Câmara Municipal</option>
<option data-distrito="02" value="01">Gabinete do Prefeito</option>
<option data-distrito="03" value="01">Secretaria Municipal de Governo</option>
<option data-distrito="04" value="01">Assessoria de Comunicação Social</option>
<option data-distrito="05" value="01">Procuradoria Jurídica</option>
<option data-distrito="06" value="01">Ouvidoria Municipal</option>
<option data-distrito="07" value="01">Secretaria Municipal de Administração</option>
<option data-distrito="07" value="02">FUNCAPI - Fundo Comlp. Aposent. Pensão do Servidor Público</option>
<option data-distrito="08" value="01">Secretaria Municipal de Planejamento</option>
<option data-distrito="09" value="01">Secretaria Municipal da Fazenda</option>
<option data-distrito="10" value="01">Fundo Municipal de Saúde</option>
<option data-distrito="11" value="01">Secretaria Municipal Desenvolvimento Econômico e Turismo</option>
<option data-distrito="12" value="01">Secretaria Municipal de Obras</option>
<option data-distrito="13" value="01">Secretaria Municipal de Ação Social</option>
<option data-distrito="13" value="02">Fundo Municipal de Assistência Social</option>
<option data-distrito="13" value="03">Fundo Municipal dos Direitos da Criança e do Adolescente</option>
<option data-distrito="14" value="01">Secretaria Municipal de Desenvolvimento Urbano e Meio Ambiente</option>
<option data-distrito="15" value="01">Secretaria Municipal de Esporte e Lazer</option>
<option data-distrito="16" value="01">Fundo de Manutenção do Ensino Fundamental de Valorização do Magisterio - FUNDEF</option>
<option data-distrito="16" value="02">Secretaria Municipal de Educação</option>                                        
<option data-distrito="17" value="01">Secretaria Municipal de Agricultura e Abastecimento</option>
<option data-distrito="18" value="01">Secretaria Municipal e Auditoria Interna e Controladoria</option>
</select>

I expected the label to receive the label of the combobox, but it is not happening, what would be the problem?

javascript html

asked by anonymous 22.05.2018 / 20:51

1 answer

Make user-written data stored in a JS object How to select data from a column as a column in SQL? [closed]

score 2 · Accepted Answer

Just call the function you created in the onchange event of your select. I took the type hidden from your input just to display the result.

function mudouValor() {
      var elemento = document.getElementById('COMBOFAB');
      var texto = elemento.options[elemento.selectedIndex].innerHTML;      
      //altera o valor do campo cujo o id seja igual a "label"
      document.getElementById("label").value = texto;
 }
 
 mudouValor();

<span class="IWLABEL11CSS" id="IWLABEL7">Mês da emissão: </span>
<select name="Mes" size="1" width="180" class="COMBODISTCSS" id="COMBOFAB" tabindex="1" onchange="mudouValor();">
  <option value="1" selected>Janeiro</option>
  <option value="2">Fevereiro</option>
  <option value="3">Março</option>
  <option value="4">Abril</option>
  <option value="5">Maio</option>
  <option value="6">Junho</option>
  <option value="7">Julho</option>
  <option value="8">Agosto</option>
  <option value="9">Setembro</option>
  <option value="10">Outubro</option>
  <option value="11">Novembro</option>
  <option value="12">Dezembro</option>
</select>
<input type="text" name="label" id="label" readonly/>