Prendere un valore e testo da un select

[r85]

Mi spiego meglio vorrei prendere il valore ed il testo di una select e trasportarli in due campi hidden(nascosti).

es. un utente seleziona dalla select Tizio in cui il valore e 10 (chiaramente il valore l'utente nn lo sa).

Io voglio che Tizio è il valore 10 vengano trasportati in due campi hidden cioè hidden1 = tizio; hidden2= 10

come si fà?

[funcool]

<input type=\"hidden\" name=\"boh\" value=\"$row[nomeampo]\">

[heracleum]

(funcool: vista il nome della sezione [Livello 1: HTML & DHTML] penso voglia sbrigare la cosa sul client, con Javascript, e non sul server con PHP)

Ti ho abbozzato un esempio, l'ho eseguito e funziona, per vedere come si comporta puoi convertire un attimo gli hidden in campi testo e vedi come assegna il valore al cambiare della selezione della select.
Dovrebbe essere piuttosto chiaro, alla funzione javascript che gestisce il cambio la select passa il riferimento a se stessa (this), il valore e testo selezionati nella select vengono assegnati dinamicamente ai campi hidden.
Ricorda di adattare i nomi dei tuoi campi, della select, del form.. etc..

<SCRIPT type="text/javascript">
 function aggiornaHidden(sel){
  var f = document.frm;
  f.sel_value.value = sel.options[sel.selectedIndex].value;
  f.sel_text.value = sel.options[sel.selectedIndex].text;
 }
</SCRIPT>

<FORM name="frm">

<SELECT name="sel1" onchange="aggiornaHidden(this)">
 <OPTION value="" selected> Scegli
 <OPTION value="A"> Opzione 1
 <OPTION value="B"> Opzione 2
 <OPTION value="C"> Opzione 3
</SELECT>

<INPUT type="hidden" name="sel_value">
<INPUT type="hidden" name="sel_text">

</FORM>

[r85]

(funcool: vista il nome della sezione [Livello 1: HTML & DHTML] penso voglia sbrigare la cosa sul client, con Javascript, e non sul server con PHP)

Ti ho abbozzato un esempio, l'ho eseguito e funziona, per vedere come si comporta puoi convertire un attimo gli hidden in campi testo e vedi come assegna il valore al cambiare della selezione della select.
Dovrebbe essere piuttosto chiaro, alla funzione javascript che gestisce il cambio la select passa il riferimento a se stessa (this), il valore e testo selezionati nella select vengono assegnati dinamicamente ai campi hidden.
Ricorda di adattare i nomi dei tuoi campi, della select, del form.. etc..

grazie mille :winkOLD: funziona :winkOLD:

ciao

[heracleum]

Di nulla
hai avuto problemi ad adattarlo alla tua esigenza?

[r85]

per il momento no

Ma una domanda (ti posto una bozza di come lo sto personalizzando)

<script type='text/javascript'>
 function aggiornaHidden(sel){
  var f = document.form;
  f.hs_valore.value = sel.options[sel.selectedIndex].value;
  f.hs_testo.value = sel.options[sel.selectedIndex].text;
 }
</script>

prima al posto di hs_testo c'era sel_text ma per caso se cambio sel in hs devo cambiare tutti i vari sel che stanno nelle script?

[heracleum]

No no,
l'importante è che se scrivi nel javascript:
f.hs_valore.value = sel.options[sel.selectedIndex].value;

poi devi riportare la modifica anche nel nome del campo hidden:
<INPUT type="hidden" name="hs_valore">

perché decisamente si sta puntando allo stesso campo e i nomi devono coincidere assolutamente.

Mentre invece, nello script quella variabile "sel" che vedi non è altro che il riferimento al campo select, che passa se stesso alla funzione tramite "this".

[r85]

Ok grazie

Un altra domanda e poi nn ti rompo più

E se devo gestire più select box?

io ho provato ha fare così:

 function aggiornaHidden(sel){
  var f = document.form;
  f.hs_valore.value = sel.options[sel.selectedIndex].value;
  f.hs_testo.value = sel.options[sel.selectedIndex].text;
 }
 function aggiornaHidden2(sel){
  var f = document.form;
  f.hs2_valore.value = sel.options[sel.selectedIndex].value;
  f.hs2_testo.value = sel.options[sel.selectedIndex].text;
 }

chiaramente qua ho messo:
<SELECT name="sel1" onchange="aggiornaHidden2(this)">
però nn funziona

come si fa?

[heracleum]

Se vuoi gestire più select fai così (script più elegante e generico, una funzione sola per più select):

<SCRIPT type="text/javascript">
 function aggiornaHidden(sel){
  var f = document.frm;
  var val = eval('f.'+ sel.name +'_value');
  var txt = eval('f.'+ sel.name +'_text');
  if (val && txt){
   val.value = sel.options[sel.selectedIndex].value;
   txt.value = sel.options[sel.selectedIndex].text;
  }
 }
</SCRIPT>

<FORM name="frm">

<SELECT name="sel1" onchange="aggiornaHidden(this)">
 <OPTION value="" selected> Scegli
 <OPTION value="A"> Opzione 1
 <OPTION value="B"> Opzione 2
 <OPTION value="C"> Opzione 3
</SELECT>
<INPUT type="hidden" name="sel1_value">
<INPUT type="hidden" name="sel1_text">

<br>

<SELECT name="sel2" onchange="aggiornaHidden(this)">
 <OPTION value="" selected> Scegli
 <OPTION value="1"> Opzione I
 <OPTION value="2"> Opzione II
 <OPTION value="3"> Opzione III
</SELECT>
<INPUT type="hidden" name="sel2_value">
<INPUT type="hidden" name="sel2_text">

</FORM>

(script testato, funziona)

Spiego,
in pratica puoi mettere quante select vuoi (nell'esempio ne ho messe solo 2 ovviamente) e puoi chiamarle (name) come ti pare, non per forza con un progressivo (sel1, sel2).
Dunque il nome delle select a piacere MA, attenzione, il nome dei campi hidden è strettamente legato al name della select! Cioè gli hidden del valore e del testo, si devono chiamare rispettivamente:
<NomeSelect>_value
<NomeSelect>_text

ok? se chiami una select "ciccio" i campi hidden devono chiamarsi "ciccio_value" e "ciccio_text", è proprio quello che fa lo script, va a cercare i campi ".._value" e ".._text" con prefisso identico al nome della select passata. Tutto merito della strepitosa funzione eval() di javascript, in base alla quale puoi avere riferimenti ad oggetti in base alla composizione di una semplice stringa.
Insomma penso che hai capito bene, no?

[r85]

personalizato e funziona alla perfezione

grazie mille mi sei stato molto d'aiuto se serve qualcosa di grafica sono qua

ciao