20 ospiti e 0 utenti registrati online.
UserName
  Password  Registrati Ora! E' Gratuito!
 
 MMKit Forums » » Javascript » » Cambio valori automanticamente da una select in input
(Moderato da: Zubin)  
AutoreTopic: Cambio valori automanticamente da una select in input
falco72 Uomo
Membro


Con noi da: 17-05-2006
Posts: 150
Da:

 Inviato il: 09-06-2008 06:15   
Ciao a tutti,

sto cercando uno script ajax che, data una select e un campo input, mi cambi automanticamente i valori del campo input in base al valore selezionato nella select. Non riesco a trovare nulla di funzionale..



Clicca qui per vedere il profilo di falco72 Invia un messaggio privato a falco72 Aggiungi falco72 alla tua buddy list Clicca qui per inviare una mail a falco72 Clicca qui per rispondere 'citando' questo post
minifush Donna
Membro Junior


Con noi da: 04-02-2008
Posts: 67
Da: Torino

 Inviato il: 09-06-2008 07:05   
Ciao!!!
Io farei così...

- funzione per l'ajax che non va toccata

Code:

function getAjaxObj(fun,url) {
    
http_request = false;
    if (
window.XMLHttpRequest) {
        
http_request = new XMLHttpRequest();
        if (
http_request.overrideMimeType) http_request.overrideMimeType('text/xml');
    } else if (
window.ActiveXObject) {
        
try {
            
http_request = new ActiveXObject("Msxml2.XMLHTTP");
        }
catch (e) {
            
try {
                
http_request = new ActiveXObject("Microsoft.XMLHTTP");
            }
catch (e)
            {}
        }
    }
        
    if (!
http_request) {
        
alert('Giving up :( Cannot create an XMLHTTP instance');
        return
false;
    }
    
    
http_request.onreadystatechange = eval(fun);
    
http_request.open('GET',url, true);
    
http_request.send(null);
}




-Codice html della tua select e del tuo campo input

Code:

<select name="prova" onchange="compilaCampo(this.value);" >
    <
option value="1">Valore 1</option>
    <
option value="2">Valore 2</option>
</
select>

<
div id="campo">
    <
input type="text" name="txtCampo" value=""/>
</
div>



- Queste sono le due funzioni javascript che ti cambiano effettivamente il valore del campo input. Nella pagina "ajaxForm.php" riscriverai il contenuto del div "campo" in base al valore passato

Code:

function compilaCampo(valore){
    
getAjaxObj('viewForm', 'ajaxForm.php?id=' + valore);
}

function
viewForm(){
    if (
http_request.readyState == 4) {
        if (
http_request.status == 200) {
            if (
http_request.responseText.length>0) {
                
vStringa = http_request.responseText;
                
document.getElementById('campo').innerHTML = vStringa;
            }
        }
    }
}




Si capisce qualcosina?

-----------------
Sumimasen ga, wasabi o irenaide kudasai.

[ Questo messaggio è stato modificato da: minifush - 17-06-2008 08:16 ]



Clicca qui per vedere il profilo di minifush Invia un messaggio privato a minifush Aggiungi minifush alla tua buddy list Homepage: http://minifush.spaces.live.com/ Clicca qui per rispondere 'citando' questo post
minifush Donna
Membro Junior


Con noi da: 04-02-2008
Posts: 67
Da: Torino

 Inviato il: 13-06-2008 03:43   
M'aspettavo almeno una risposta, non dico per forza un grazie... così non so nemmeno se il mio codice ti è servito o meno, vabbè...

Mondo crudele...

-----------------
Sumimasen ga, wasabi o irenaide kudasai.



Clicca qui per vedere il profilo di minifush Invia un messaggio privato a minifush Aggiungi minifush alla tua buddy list Homepage: http://minifush.spaces.live.com/ Clicca qui per rispondere 'citando' questo post
Ganasa Uomo
Apprendista Alchimista


Con noi da: 12-07-2001
Posts: 2149
Da: Malonno - ValleCamonica

 Inviato il: 16-06-2008 12:37   
Perché usare Ajax quando lo puoi fare direttamente da JavaScript ?!?!


Code:


function fnTrasmetti() {
  var
objform = document.forms['nome_form'];
  var
objCbo = objForm.elements['nome_select'];
  var
objTxt = objForm.elements['nome_campo']:

  
objTxt.value = objCbo.options[objCbo.selectedIndex].value;
}




o sono io che non ho capito la richiesta?

-----------------
::: Michele Mariotti :::

Esistono 10 tipi di persone al mondo... chi conosce il binario e chi no!



Clicca qui per vedere il profilo di Ganasa Invia un messaggio privato a Ganasa Aggiungi Ganasa alla tua buddy list Clicca qui per inviare una mail a Ganasa Homepage: http://www.ganasa.net Clicca qui per rispondere 'citando' questo post
  
  
Vai a:
Visualizza la versione da stampa
Segnala questo thread al moderatore
Aggiungi questo thread alla tua lista preferiti [Visualizza]
Non voglio più ricevere nessuna mail riguardo questo thread


FAQ | Top 10 | Statistiche
MMKit - Macromedia Community Shared Knowledge
Tutti i loghi sono appartenenti ai rispettivi proprietari