none
texto em caixa de combinação RRS feed

  • Pergunta

  • Gostaria de introduzir uma caixa de combinação, em html.
    Nessa caixa, queria ter a opção de escrever ou eliminar o texto.

    Qual o código que permite fazer isto?
    terça-feira, 21 de fevereiro de 2017 00:54

Respostas

  • <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
        <script type="text/javascript">
        function AddValue() {

        var valueToAdd = $( "#Textbox" ).val();

            $( "#Listbox" ).append( '<option value="' + valueToAdd + '">' + valueToAdd + '</option>' );
        }

        function RemoveValue() {

        var valueToRemove = $( "#Textbox" ).val();

            $( "#Listbox option[value='" + valueToRemove + "']" ).remove();
        }
        </script>
    </head>
    <body>

    <input id="Textbox" type="text" />
    <br />
    <input id="Add" type="button" value="Hinzufügen" onclick="AddValue();" />
    <input id="Remove" type="button" value="Entfernen" onclick="RemoveValue();" />

    <br /><br />

    <select id="Listbox" size="1" style="width: 200px;">
        <option value="">--bitte auswählen--</option>
        <option value="Abc">Abc</option>
        <option value="Def">Def</option>
    </select>

    </body>
    </html>
    • Marcado como Resposta Vitor Patrício sexta-feira, 3 de março de 2017 22:55
    sexta-feira, 3 de março de 2017 22:55

Todas as Respostas

  • basta usar <input type=text name="input" /> veja o exemplo via JSFiddle aqui.

    Thiago Custodio | Software Engineer
    Blog
    Twitter
    Meu livro de Azure

    terça-feira, 21 de fevereiro de 2017 07:22
  • Olá,

    Eu estou agora a aprender html ou java script. 
    Verifico que será uma linguagem muito usada.
    Este projeto será do tipo base de dados, em que muitos terão acesso. Será para uma organização sem fins lucrativos, de estudo de aves.

    Envio imagem para que possa compreender.

    Terá caixa de texto, um botão para guardar o texto escrito e outro para eliminar.

    Todo esse texto será visto e actualizado automaticamente na caixa de combinação.

    Por favor, pode-me ajudar a escrever esse código?

    Cumprimentos

    Patrício


    terça-feira, 21 de fevereiro de 2017 22:48
  • Amigo,

    Qual o livro, que seja completo (para iniciante=com tudo), que me ensine a dominar essas linguagens?

    Será que me pode enviar um à cobrança?

    Cumprimentos

    Patrício


    • Editado Vitor Patrício quarta-feira, 22 de fevereiro de 2017 23:50 provavel erro de nacionalidade
    terça-feira, 21 de fevereiro de 2017 22:56
  • <!DOCTYPE html>

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="jquery-3.1.1.min.js"></script>
        <script type="text/javascript">
        function AddValue() {

        var valueToAdd = $( "#Textbox" ).val();

            $( "#Listbox" ).append( '<option value="' + valueToAdd + '">' + valueToAdd + '</option>' );
        }

        function RemoveValue() {

        var valueToRemove = $( "#Textbox" ).val();

            $( "#Listbox option[value='" + valueToRemove + "']" ).remove();
        }
        </script>
    </head>
    <body>

    <input id="Textbox" type="text" />
    <br />
    <input id="Add" type="button" value="Hinzufügen" onclick="AddValue();" />
    <input id="Remove" type="button" value="Entfernen" onclick="RemoveValue();" />

    <br /><br />

    <select id="Listbox" size="1" style="width: 200px;">
        <option value="">--bitte auswählen--</option>
        <option value="Abc">Abc</option>
        <option value="Def">Def</option>
    </select>

    </body>
    </html>
    • Marcado como Resposta Vitor Patrício sexta-feira, 3 de março de 2017 22:55
    sexta-feira, 3 de março de 2017 22:55