como leer text select option y sumar con input

[arcanisgk122]

buenas tardes amigos, estoy teniendo problemas con un script, ya he buscado por la red y no he encontrada nada parecido.

estoy tratando que cuando el usuario selecciones una opcion del select option automáticamente en un imput text aparezca un contador, dicho contador lleva la suma de puntos que el usuario va acumulando. el problema es que el value del select option esta usado en un script y el valor que en realidad necesito que sume o reste esta en el text del option el cual va de -50 a 200.

[COLOR="rgb(139, 0, 0)"]les dejo el script:[/COLOR]

Código PHP:

              var point=0;
            function statpoint(){
            var pointset = document.getElementById("pfrs");
            var pointop1 = parseInt(pointset.options[pointset.selectedIndex].text);
            var atrset = document.getElementById("atr");
            var atrpoint = atrset.options[atrset.selectedIndex].value;
            
                switch ("pointop1"){
                    case "-50":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "-40":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "-30":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "-20":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    case "-10":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "0":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "10":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "20":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "30":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "45":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "60":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "80":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "100":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "125":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "150":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                    case "200":
                        point=atrpoint+pointop1;
                        atrpoint = point;
                    break;
                }
            document.form1.atr.text = atrpoint;
            } 
   

[COLOR="rgb(139, 0, 0)"]ak les dejo los html[/COLOR]

Código HTML:

<select id="pfrs" name="pfrs" size="1" onchange="calcula1(this.options.selectedIndex);statpoint(this.options.selectedIndex.text)">
	<option value="5">-50</option>
	<option value="6">-40</option>
	<option value="7">-30</option>
	<option value="8">-20</option>
	<option value="9">-10</option>
	<option value="10" selected="selected">0</option>
	<option value="11">10</option>
	<option value="12">20</option>
	<option value="13">30</option>
	<option value="14">45</option>
	<option value="15">60</option>
	<option value="16">80</option>
	<option value="17">100</option>
	<option value="18">125</option>
	<option value="19">150</option>
	<option value="20">200</option>
</select> 

y el input:

Código HTML:

<input name="atr" id="atr" value="0" readonly="readonly" /> 

[lubtufano]

En realidad no es necesario utilizar switch en la función statpoint(), tampoco se necesita pasar el parámetro cuando se llama a esta ya que no lo esta recibiendo. Solo hay que recuperar el valor del texto de cada <option> convertirlo a número con parseInt(), lo cual ya se esta haciendo, recuperar el valor actual del campo <input> convertirlo a número tambien y por último sumar estos valores y asignarlos al mismo campo de texto <input>. La función puede servir de esta manera.

Código Javascript:

function statpoint(){
            var pointset = document.getElementById("pfrs");
            var pointop1 = parseInt(pointset.options[pointset.selectedIndex].text);
            var atrset = document.getElementById("atr");
            var atrpoint= parseInt(atrset.value);
            atrset.value= atrpoint + pointop1;
            }
 

Y el llamado en onchange se hace sin parametros.

Código Javascript:

<select id="pfrs" name="pfrs" size="1" onchange="calcula1(this.options.selectedIndex);statpoint()">
 

[arcanisgk122]

el caso es que tengo en realidad 4 select options... con datos parecidos, igual lo probare dejo comentarios de resultados. estuve revisando y pues si hace lo que debe hacer el script pero no del modo que debería de ser correcto explico:

digamos que el select esta en 0 el usuario escoge -50 perfecto en el imput aparece -50,
el problema esta cuando el usuario decide que no esta bien -50 y decide tomar otro valor por ejemplo -40 en el imput debería de aparecer -40 pero no es así lo que hace es que lo suma con el anterior valor y termina saliendo un -90 en el input, puedo destacar que esta bien para funcionar con los 4 selec y al final los 4 deberían de ser sumados... pero a la hora de que el usuario cambie la selección el script pierde lógica.... a ver alguien me puede apoyar.

existe alguna forma de, leer el valor actual que tiene el select, antes de que el usuario lo cambie, así se tomaría primero el valor que tiene el select se restaría y luego de esto se le sumaria el valor nuevo seleccionado por el usuario. se que debe de hacer el script pero ni idea de como entrarle al código.

[arcanisgk122]

agradezco comentario he ideas...todo es bienvenido.

[lubtufano]

Hola, se me ocurre que se puede guardar, en una variable global, el valor del select cada vez que se de el evento onchange, de esa manera se podria saber el valor anterior al cambio. La variable se inicializaria con un valor de 0 ya que la primera vez que se seleccione un valor del select no habra alguno anterior, luego se toma el valor contenido en esta variable global y se realizan las operaciones y asignaciones necesaria y al final se guarda el nuevo valor seleccionado en la variable global, de esta forma estara disponible para es siguiente evento onchange.

[arcanisgk122]

y como se manejaría la variable global no se si me doy a entender que esto esta amarrado a que son 4 select options

[lubtufano]

Bueno, se puede tener una variable global por cada <select>.

[arcanisgk122]

tienes algún ejemplo?

[lubtufano]

Prueba esto.

Código Javascript:

<script>
var globales= new Array(0, 0, 0, 0);
 
function statpoint(elemSelect, indiceArray)
{
  var textoActualSeleccionado= parseInt(elemSelect.options[elemSelect.selectedIndex].text);
  var textoAnterior= globales[indiceArray];
  alert("El texto anterior seleccionado es: "+ globales[indiceArray] +"\n El actual texto seleccionado es: "+ textoActualSeleccionado);
  globales[indiceArray]= textoActualSeleccionado;
  alert("Se ha cambiado el valor guardado en el Array global ahora es: "+ globales[indiceArray]);
}
</script>
 
<select id="pfrs" name="pfrs" size="1" onchange="statpoint(this, 0)">
    <option value="5">-501</option>
    <option value="6">-401</option>
    <option value="7">-301</option>
    <option value="8">-201</option>
    <option value="9">-101</option>
    <option value="10" selected="selected">0</option>
    <option value="11">101</option>
    <option value="12">201</option>
    <option value="13">301</option>
    <option value="14">451</option>
    <option value="15">601</option>
    <option value="16">801</option>
    <option value="17">1001</option>
    <option value="18">1251</option>
    <option value="19">1501</option>
    <option value="20">200</option>
</select>
<select id="pfrs" name="pfrs" size="1" onchange="statpoint(this, 1)">
    <option value="5">-502</option>
    <option value="6">-402</option>
    <option value="7">-302</option>
    <option value="8">-202</option>
    <option value="9">-102</option>
    <option value="10" selected="selected">0</option>
    <option value="11">102</option>
    <option value="12">202</option>
    <option value="13">302</option>
    <option value="14">452</option>
    <option value="15">602</option>
    <option value="16">802</option>
    <option value="17">1002</option>
    <option value="18">1252</option>
    <option value="19">1502</option>
    <option value="20">2002</option>
</select>
<select id="pfrs" name="pfrs" size="1" onchange="statpoint(this, 2)">
    <option value="5">-503</option>
    <option value="6">-403</option>
    <option value="7">-303</option>
    <option value="8">-203</option>
    <option value="9">-103</option>
    <option value="10" selected="selected">0</option>
    <option value="11">101</option>
    <option value="12">203</option>
    <option value="13">303</option>
    <option value="14">453</option>
    <option value="15">603</option>
    <option value="16">803</option>
    <option value="17">1003</option>
    <option value="18">1253</option>
    <option value="19">1503</option>
    <option value="20">2003</option>
</select>
<select id="pfrs" name="pfrs" size="1" onchange="statpoint(this, 3)">
    <option value="5">-504</option>
    <option value="6">-404</option>
    <option value="7">-304</option>
    <option value="8">-204</option>
    <option value="9">-104</option>
    <option value="10" selected="selected">0</option>
    <option value="11">104</option>
    <option value="12">204</option>
    <option value="13">304</option>
    <option value="14">454</option>
    <option value="15">604</option>
    <option value="16">804</option>
    <option value="17">1004</option>
    <option value="18">1254</option>
    <option value="19">1504</option>
    <option value="20">2004</option>
</select>
 

Los valores globales se almacenan en un Array, se utiliza una posición de este para cada <select>. La función recibe dos parametros uno es la palabra clave this y el otro el número que indica el indice del Array en el que se guarda el valor. En este ejemplo la función solo recupera el texto seleccionado y el valor guardado en el Array, muestra ambos en un alert y despues cambia el valor en el Array y muestra este en otro alert.
Espero que esto te sirva de algo, un saludo.

[arcanisgk122]

muchas gracias en un rato actualiso como resolvi y si me ayudo de mucho gracias

[arcanisgk122]

lo he reducido hasta llegar a esto pero aun asi no me funciona:

Código Javascript:

function calcula(dat1, dat2){
            var ope = dat1.options[dat1.selectedIndex].value
            document.form1.dat2.value = ope;
            document.form1.pfrs.disabled=this.value!='';
            }
 

y la llamada la hago:

Código HTML:

onchange="calcula(this.options.selectedIndex,'des')"