1

Preciso receber esses valores sem que haja um botão, somente clicando no campo. O select possui mais de 50 option vindos de um laço PHP.

<select>
  <option value="campo1">campo1</option>
  <option value="campo2">campo2</option>
  <option value="campo3">campo3</option>
...
</select>

2 Respostas 2

0

Basta escutar o o evento change no select e determinar o seu valor. Podes a qualquer momento saber o valor usando:

const select = document.querySelector('select');
console.log('O valor do select é ', select.value);

Para saber quando o valor muda podes usar assim:

const select = document.querySelector('select');
select.addEventListener('change', function(e) {
  const selectValue = this.value;
  alert(selectValue); // este é o valor que procuras
});
<select>
  <option value="campo1">campo1</option>
  <option value="campo2">campo2</option>
  <option value="campo3">campo3</option>
</select>

0

Use o evento onchange do Javascript. Assim, toda vez que uma mudança ocorrer no select, a função alteraValor será chamada, e nesse caso irá imprimir no console o valor recuperado.

function alteraValor() {
  var selectElement = document.getElementById("select")
  var valorSelecionado = selectElement.value
  console.log(valorSelecionado)
 }
<select id="select" onchange="alteraValor()">
    <option value="campo1">campo1</option>
    <option value="campo2">campo2</option>
    <option value="campo3">campo3</option>
</select>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .