Visualizzazione dei risultati da 1 a 3 su 3
  1. #1

    [JavaScript] option con stile

    Salve ragazzi,

    mediante la seguente funzione

    function aggiungi(valore, testo, lista)
    {
    id = document.getElementById(lista);
    nuovo = new Option(testo, valore, false);
    id.add(nuovo, 1);
    }

    riesco ad aggiungere una option ad una select

    volevo sapere se era possibile assegnargli anche uno stile, cioè fare una fosa del tipo:

    function aggiungi(valore, testo, lista, stile)
    {
    id = document.getElementById(lista);
    nuovo = new Option(testo, valore, false);
    id.add(nuovo, 1);
    //come imposto ad id lo stile passato in input?
    }

    normalmente farei:
    <OPTION VALUE='123' class='mioStile'>'aaabbbccc</OPTION>

    ma non so come assegnare lo stile nella funzione

    Consigli?

    Grazie cmq a tutti

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133

    Re: [JavaScript] option con stile

    Originariamente inviato da luketto
    Salve ragazzi,

    mediante la seguente funzione

    function aggiungi(valore, testo, lista)
    {
    id = document.getElementById(lista);
    nuovo = new Option(testo, valore, false);
    id.add(nuovo, 1);
    }

    riesco ad aggiungere una option ad una select

    volevo sapere se era possibile assegnargli anche uno stile, cioè fare una fosa del tipo:

    function aggiungi(valore, testo, lista, stile)
    {
    id = document.getElementById(lista);
    nuovo = new Option(testo, valore, false);
    id.add(nuovo, 1);
    //come imposto ad id lo stile passato in input?
    }

    normalmente farei:
    <OPTION VALUE='123' class='mioStile'>'aaabbbccc</OPTION>

    ma non so come assegnare lo stile nella funzione

    Consigli?

    Grazie cmq a tutti
    Prova una cosa del genere:
    codice:
    function aggiungi(valore, testo, lista)
    {
    	id = document.getElementById(lista);
    	nuovo = new Option(testo, valore, false);
    	id.add(nuovo, 1);
            document.tuoForm.nomeSelect.className='nuovoStile';
    }
    <style type="text/css">
    .mioStile{background-color:#FFFFAA}
    .nuovoStile{background-color:#FF5F00}
    </style>
    <Body>
      <select name="nomeSelect" class="mioStile" id="nomeSelect">
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3

    txs

    grazie, appena posso lo provo e ti faccio sapere, gentilissimo

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.