HTML Input Select Multiple

Question

Boa tarde, eu queria fazer um select que o layout seja parecido com o select multipe, por�m que d� pra selecionar somente uma linha por vez. Teria como fazer isso? Tentei criar um <select rows=6&...

Calebe Menezes · Answer

Oi Nat�lia, bom dia, tudo bem?Eu n�o entendi o que voc� quis dizer com que d� pra selecionar somente uma linha por vez..Qualquer coisa � s� falar aqui :)...

Nat�lia · Answer

Bom dia Calebe tudo bem e voc�? � que na verdade eu queria que em apar�ncia meu select fosse igual ao normal, por�m que mostrasse os items dele, um em cada linha. Como por exemplo a diferen�a do radio button e do input checkbox, o radio button voc� s� pode selecionar um item, j� o checkbox voc� pode selecionar mais de um. N�o sei se fui clara agora, se deu pra entender....

Calebe Menezes · Answer

Oi Natalia, acho que entendi. Voc� s� quer a apar�ncia mesmo do select multiple, mas s� quer permitir a escolha de uma op��o.

Ent�o, eu n�o conhe�o uma forma de fazer isso no html diretamente, ent�o te aconselho a usar o jquery para tal finalidade:

$("select").change(function () {
      if($("select option:selected").length > 1) {
          // Seu c�digo aqui para impedir que tenha mais op��es selecionadas do que estabelecido na 
      }
  });

A propriedade "length" � quem mostra a quantidade de itens selecionados nesse caso.

Se voc� quiser personalizar � s� voc� trocar o n�mero dessa condi��o. Nesse caso, est� sendo feita uma verifica��o para ver se o n�mero de op��es do elemento select est� sendo maior que 1. Se isso acontecer, voc� pode impedir que mais de 1 op��o fique selecionada.

Acredito que existem plugins que tamb�m fa�am isso, vou dar uma olhada depois.

S� uma observa��o, voc� pode ser mais espec�fica selecionando o seu elemento pelo id, porque nesse exemplo, est� sendo selecionado o elemento select, e se voc� tiver mais de 1 na sua p�gina, todos ser�o escolhidos.

Espero ter ajudado :)