doxy Posted October 12, 2012 Report Share Posted October 12, 2012 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 More sharing options...
Th3Alchemist Posted October 12, 2012 Report Share Posted October 12, 2012 nem CSS nem JS... puro HTML: <select> <option selected disabled>Selecione 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> Link to comment Share on other sites More sharing options...
doxy Posted October 15, 2012 Author Report Share Posted October 15, 2012 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 Link to comment Share on other sites More sharing options...
Th3Alchemist Posted October 16, 2012 Report Share Posted October 16, 2012 Isso é a mesma situação como deixar uma input text vazia... Para isso terás que criar uma função JS que verifica se os campos estão preenchidas (Poderás também utilizar o argumento required mas isso seria HTML5 e só estará pronta a partir de 2014) Link to comment Share on other sites More sharing options...
doxy Posted October 21, 2012 Author Report Share Posted October 21, 2012 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 More sharing options...
HappyHippyHippo Posted October 21, 2012 Report Share Posted October 21, 2012 (edited) 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 October 21, 2012 by HappyHippyHippo IRC : sim, é algo que ainda existe >> #p@p Portugol Plus Link to comment Share on other sites More sharing options...
yoda Posted October 22, 2012 Report Share Posted October 22, 2012 Se existe uma opção que nunca vai ser usá-da, porque raio está lá? Porque não criar uma label ou algo similar onde se insira o "Escolha uma opção"? 1 Report before you post, what have you tried? - http://filipematias.info sense, purpose, direction Link to comment Share on other sites More sharing options...
mjamado Posted October 22, 2012 Report Share Posted October 22, 2012 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 More sharing options...
yoda Posted October 23, 2012 Report Share Posted October 23, 2012 Para testarem o código acima no vosso browser : http://jsfiddle.net/P4FTK/ before you post, what have you tried? - http://filipematias.info sense, purpose, direction Link to comment Share on other sites More sharing options...
mjamado Posted October 23, 2012 Report Share Posted October 23, 2012 Para testarem o código acima no vosso browser : http://jsfiddle.net/P4FTK/ Obrigado, yoda, esqueço-me sempre que essa pequena maravilha existe. Did it work? "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 More sharing options...
yoda Posted October 24, 2012 Report Share Posted October 24, 2012 (edited) 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 October 24, 2012 by yoda before you post, what have you tried? - http://filipematias.info sense, purpose, direction Link to comment Share on other sites More sharing options...
Th3Alchemist Posted October 24, 2012 Report Share Posted October 24, 2012 (edited) 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 October 24, 2012 by Th3Alchemist Link to comment Share on other sites More sharing options...
taviroquai Posted October 24, 2012 Report Share Posted October 24, 2012 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 More sharing options...
mjamado Posted October 24, 2012 Report Share Posted October 24, 2012 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 More sharing options...
doxy Posted October 25, 2012 Author Report Share Posted October 25, 2012 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 More sharing options...
ONTheBankz Posted February 22 Report Share Posted February 22 (edited) 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 February 22 by ONTheBankz Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now