Selezione Radio Button e concatenazione stringhe

[Max-Soft]

Salve a tutti e grazie in anticipo.

Allora:

In un modulo ho un campo CODICE ed uno TIPO

CODICE è una casella di testo

TIPO è una serie di 3 Radio Button dove posso selezionare valori L O F

Ciò che devo fare è questo, dopo aver inserito il codice (Es. 0123) seleziono l'opzione dai radiobutton (Es. F) ed il mio codice (senza alcuna elaborazione server side) deve diventare CODICE+TIPO (Es. 0123F)

Spero di essermi spiegato

Grazie mille

Massimo

[willybit]

una cosa tipo questa?

<script language="javascript">
function NomeFunzione(){
	var ff=document.NomeForm
	var rr=ff.TIPO
	var valoreTipo=''
	for(var i=0;i<rr.length;i++)
		if(rr[i].checked)
			valoreTipo=rr[i].value
	document.getElementById('idDiv').innerHTML=ff.CODICE.value+valoreTipo
}
</script>
<form name="NomeForm">
<input type="text" name="CODICE" onchange="NomeFunzione();">
<input type="radio" name="TIPO" value="L" id="TipoL" onclick="NomeFunzione();"><label for="TipoL">L</label>
<input type="radio" name="TIPO" value="O" id="TipoO" onclick="NomeFunzione();"><label for="TipoL">O</label>
<input type="radio" name="TIPO" value="F" id="TipoF" onclick="NomeFunzione();"><label for="TipoL">F</label>
<div id="idDiv"></div>
</form>

[Max-Soft]

è perfetto grazie, unica cosa

Posso ottenere il risultato della concatenazione nello stesso Input CODICE ed ottenere la stringa che ho inserito in codice + il valore di TIPO

CODICE = AAA
TIPO = L

CODICE = AAAL

Ciao e grazie

[willybit]

però se continui a cambiare la selezione sul radio continui ad aggiungere lettere al codice

<script language="javascript">
function NomeFunzione(){
	var ff=document.NomeForm
	var rr=ff.TIPO
	var valoreTipo=''
	for(var i=0;i<rr.length;i++)
		if(rr[i].checked)
			valoreTipo=rr[i].value
	ff.CODICE.value=ff.CODICE.value+valoreTipo
}
</script>
<form name="NomeForm">
<input type="text" name="CODICE">
<input type="radio" name="TIPO" value="L" id="TipoL" onclick="NomeFunzione();"><label for="TipoL">L</label>
<input type="radio" name="TIPO" value="O" id="TipoO" onclick="NomeFunzione();"><label for="TipoL">O</label>
<input type="radio" name="TIPO" value="F" id="TipoF" onclick="NomeFunzione();"><label for="TipoL">F</label>
</form>

potresti eliminare eventuali L, O o F finali prima di concatenare

<script language="javascript">
function NomeFunzione(){
	var re=/[LOF]$/
	var ff=document.NomeForm
	var rr=ff.TIPO
	var valoreTipo=''
	for(var i=0;i<rr.length;i++)
		if(rr[i].checked)
			valoreTipo=rr[i].value
	ff.CODICE.value=ff.CODICE.value.replace(re,'')+valoreTipo
}
</script>
<form name="NomeForm">
<input type="text" name="CODICE">
<input type="radio" name="TIPO" value="L" id="TipoL" onclick="NomeFunzione();"><label for="TipoL">L</label>
<input type="radio" name="TIPO" value="O" id="TipoO" onclick="NomeFunzione();"><label for="TipoL">O</label>
<input type="radio" name="TIPO" value="F" id="TipoF" onclick="NomeFunzione();"><label for="TipoL">F</label>
</form>