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

    aggiungere option all'inizio

    salve, vorrei sapere come potrei fare per aggiungere un option ad una select con javascript, però questa option deve avere un selectedIndex = 0 (quindi deve essere la prima) e le altre devono scalare tutte di seguito

    esempio:

    select iniziale:

    0 ---> Marco
    1 ---> Paolo
    2 ---> Pippo
    3 ---> Ciccio

    select dopo:

    0 ---> Pinco pallino
    1 ---> Marco
    2 ---> Paolo
    3 ---> Pippo
    4 ---> Ciccio


    scusate se non sono stato abbastanza chiaro..nel caso ditemelo..
    grazie
    Uala, CTO
    Tom's Hardware
    , full stack developer
    Gamempire.it, director

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    supponiamo che 'tuaselect' sia l'id della select
    quindi

    codice:
    var s = document.getElementById('tuaselect');
    
    /* nuova opzione */
    var newOpt = document.createElement('option');
    newOpt.value = 'Pinco Pallino';
    newOpt.text  =  newOpt.innerHTML = 'Testo per Pinco Pallino';
    
    
    /* prima opzione */
    var firstOpt = s.getElementsByTagName('option')[0];
    
    /*inserimento prima del primo figlio */
    s.insertBefore(newOpt, firstOpt);
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    mi dice come errore

    Node was not found" code: "8
    Uala, CTO
    Tom's Hardware
    , full stack developer
    Gamempire.it, director

  4. #4
    mi correggo, ho + o meno risolto..mi rimane solo un problema...se volessi ordinare gli elementi della select in ordine numerico tramite i value?
    Uala, CTO
    Tom's Hardware
    , full stack developer
    Gamempire.it, director

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.