Jump to content

select a dizer selecione uma opçao


doxy
 Share

Recommended Posts

Boa noite amigo,

Como faço em css ou javascript, dependendo do que vocês disserem, para ter por exemplo uma combobox a dizer por exemplo:

Lisboa

Porto

Mas que tenha escrito "Seleccione uma opção" dentro do select, mas que não faça parte da lista da combobox....

obrigado

Link to comment
Share on other sites

Sim eu fiz a função para obrigar a preencher amigo..

E que se disser selecionar opção pede para meter um valor..

Exemplo, imaginemos que a minha combobox tem os seguintes items:

[selecione uma opçao]

Lisboa

Coimbra

Porto

Faro

Bom eu obrigo a que alguém escolha Lisboa,Coimbra, Porto ou Faro.

Se escolher a opçao [selecione uma opcao] ele pede para meter uma opcao valida.

Mas eu nao queria que ao clicar na combobox, a opçao seleccione uma opcao desse para seleccionar..

Imaginem, a combobox diz, [seleccionar opcao]. Mas quando carregasse para ver as opcões so queria que mostrasse:

Lisboa

Coimbra

Porto

Faro

Link to comment
Share on other sites

olha que isto é uma maneira muito manhosa de resolver o teu problema:

<!DOCTYPE html>
<html>
 <head>
   <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
   <script type="text/javascript">
     $(document).ready(function() {
       $('#combobox').click(function() {
         $('#combobox option[value=""]').remove();
       });
     });
   </script>
 </head>
 <body>
   <select id="combobox" style="width: 100px;">
     <option value="" selected="selected">delete me</option>
     <option value="2">valor 2</option>
     <option value="3">valor 3</option>
     <option value="4">valor 4</option>
   </select>
 </body>
</html>
Edited by HappyHippyHippo
IRC : sim, é algo que ainda existe >> #p@p
Link to comment
Share on other sites

Não sei até que ponto funcionará bem em todos os browsers, mas é testar:

<select>
   <option value="0" selected="selected" disabled="disabled" style="display: none">Escolha uma opção</option>
   <option value="1">Opção 1</option>
   <option value="2">Opção 2</option>
   <option value="3">Opção 3</option>
</select>

"Para desenhar um website, não tenho que saber distinguir server-side de client-side" - um membro do fórum que se auto-intitula webdesigner. Temo pelo futuro da web.

Link to comment
Share on other sites

A mim funcionou no Chrome, IE, Firefox e Opera (últimas versões estáveis disponíveis a esta data). No Opera e IE a opção não fica invisível após a primeira selecção como nos outros, mas mantém-se inactiva, pelo que acaba por funcionar como pretendido.

Testei como HTML5. Se quiserem outros DTD's, no separador Info (menu esquerdo) existem uma opção para mudar isso.

Edited by yoda
Link to comment
Share on other sites

Desde já o meu obrigado pela resposta Amigo...

Mas se eu fizer o tal <option selected="disable">Selecione uma opção</option>

A opção dá para escolher na lista e eu não queria...

Percebes?

obrigado

Não é

<option selected="disable">Selecione uma opção</option>

Mas sim

<option selected disabled>Selecione uma opção</option>

ou

<option selected="selected" disabled="disabled">Selecione uma opção</option>

Edit: E não leva nenhum valule="..."

Edited by Th3Alchemist
Link to comment
Share on other sites

Não sei até que ponto funcionará bem em todos os browsers, mas é testar:

<select>
<option value="0" selected="selected" disabled="disabled" style="display: none">Escolha uma opção</option>
<option value="1">Opção 1</option>
<option value="2">Opção 2</option>
<option value="3">Opção 3</option>
</select>

Boa solução... mas assim o utilizador não pode "voltar a trás" se se arrepender de ter selecionado... mas se for uma opção necessária está bom.

Gosto mais da solução do Alchemist... mais standard sem efeitos e coisas escondidas ao utilizador... mas isso sou eu...

Link to comment
Share on other sites

Gosto mais da solução do Alchemist... mais standard sem efeitos e coisas escondidas ao utilizador... mas isso sou eu...

Eu também, mas como o OP não queria mostrar isso na lista, não estou a ver outra maneira de o fazer sem usar JS...

"Para desenhar um website, não tenho que saber distinguir server-side de client-side" - um membro do fórum que se auto-intitula webdesigner. Temo pelo futuro da web.

Link to comment
Share on other sites

realmente apresentaram boas soluções..

Se calhar para alguns a minha questão foi estúpida.. Mas penso que tem algum sentido...

Vou experimentar a melhor solução.. desde já o meu obrigado a todos.

Não é

<option selected="disable">Selecione uma opção</option>

Mas sim

<option selected disabled>Selecione uma opção</option>

ou

<option selected="selected" disabled="disabled">Selecione uma opção</option>

Edit: E não leva nenhum valule="..."

Amigo usei o value, porque as minhas validações estavam a usar o value..

se fosse 1 mandava email para coimbra, se fosse 2 mandava para algarve por exemplo... mas sim realmente tens razão nesta opção não era preciso..

Link to comment
Share on other sites

Em 25/10/2012 às 18:38, doxy disse:

realmente apresentaram boas soluções..

Se calhar para alguns a minha questão foi estúpida.. Mas penso que tem algum sentido...

Vou experimentar a melhor solução.. desde já o meu obrigado a todos.

Amigo usei o value, porque as minhas validações estavam a usar o value..

se fosse 1 mandava email para coimbra, se fosse 2 mandava para algarve por exemplo... mas sim realmente tens razão nesta opção não era preciso..

 

Mete isto zezoca

<option value="" style="display:none;">Selecione uma opção</option>
  Edited by ONTheBankz
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.