Como usar onClick () ou onSelect () na tag de opção em uma página JSP?

Como usar onClick() ou onSelect() com tag de option ? Abaixo está o meu código em que tentei implementar isso, mas não está funcionando como esperado.

Nota: onde lista de objects do domínio listCustomer chegando na página JSP.

         

Como faço para modificá-lo para detectar que uma opção está selecionada?

Nem os events onSelect() nem onClick() são suportados pela tag . O primeiro se refere à seleção de texto (ou seja, clicando + arrastando em um campo de texto), portanto, só pode ser usado com as tags e . O evento onClick() pode ser usado com tags – no entanto, você provavelmente está procurando funcionalidade onde seria melhor usar o onChange() , não onClick() .

Além disso, pela aparência de suas tags , você também está tentando usar a syntax JSP em um documento HTML simples. Isso é apenas … incorreto.

Em resposta ao seu comentário a esta resposta – eu mal consigo entender. No entanto, parece que o que você deseja fazer é obter o valor da tag que o usuário acabou de selecionar sempre que selecionou uma. Nesse caso, você quer ter algo como:

         

Ainda mais simplificado: você pode passar o atributo de valor diretamente!

         

O alerta retornará 1 ou 2 .

A resposta que você deu acima funciona, mas é confusa porque você usou dois nomes duas vezes e tem uma linha de código desnecessária. você está fazendo um processo que não é necessário.

é uma boa idéia ao depurar código para obter caneta e papel e desenhar pequenas checkboxs para representar espaços de memory (ou seja, variables ​​sendo armazenadas) e então desenhar setas para indicar quando uma variável entra em uma checkbox e quando sai, se sobrescrito ou é uma cópia feita etc.

Se você fizer isso com o código abaixo, você verá que

 var selectBox = document.getElementById("selectBox"); 

é colocado em uma checkbox e fica lá você não faz nada com ele depois.

e

 var selectBox = document.getElementById("selectBox"); 

é difícil de depurar e é confuso quando você tem um id de seleção de selectBox para a lista de opções. —- qual selectBox você deseja manipular / query / etc é o var selectBox local que irá desaparecer ou é o id selectBox que você atribuiu à tag select

seu código funciona até que você adicione ou modifique-o, então você pode facilmente perder o controle e misturar tudo

         

uma maneira mais enxuta que funciona também é:

         

e é uma boa idéia usar nomes descritivos que correspondam ao programa e à tarefa em que você está trabalhando. Atualmente, estou escrevendo um programa semelhante para aceitar e processar códigos postais usando seu código e modificando-o com nomes descritivos, o objective é tornar a linguagem de computador mais próxima linguagem possível.

   
  

Outra opção, por exemplo semelhante, mas com selects anidados, acho que você tem dois select, o nome do primeiro é “ea_pub_dest” e o nome do segundo é “ea_pub_dest_2”, ok, agora pegue o clique do evento do primeiro e exiba o segundo.

  

Se você precisar alterar o valor de outro campo, poderá usar isto:

   

Você pode alterar a seleção na function

 window.onload = function () { var selectBox = document.getElementById("selectBox"); selectBox.addEventListener('change', changeFunc); function changeFunc() { alert(this.value); } } 
 < !DOCTYPE html>   Selection      

Altere onClick () de com onChange () no. Você pode enviar o valor da opção para uma function javascript.

  

neste exemplo, a tag de select é nomeada como: aula_clase_cb

  document.getElementById("aula_clase_cb").onchange = function(e){ id = document.getElementById('aula_clase_cb').value; alert("id: "+id); };