adaptar script para que sea dinamico

[arcanisgk122]

buenas busco alguien que me ayude a adaptar el siguiente script para que sea dinámico agradezco toda la colaboración

Código Javascript:

<script type="text/javascript">
function calcula1(){
    var operf1 = document.getElementById("pfrs");
    var operando1 = operf1.selectedIndex;
    var ope1 = operf1.options[operando1];
    var pfrs = ope1.value;
    document.form1.frs.value = pfrs;}
function calcula2(){
    var operf2 = document.getElementById("pdes");
    var operando2 = operf2.selectedIndex;
    var ope2 = operf2.options[operando2];
    var pdes = ope2.value;
    document.form1.des.value = pdes;}
</script>
 

este script trabaja con el siguiente html:

Código HTML:

<form name="form1" method="post" id="form1" action="nchar.php" >
        <label>
            <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><input type="text" name="frs" id="frs" value="10" maxlength="3" size="4" readonly="readonly"/><br />
            <select id="pdes" name="pdes" size="1" onchange="calcula2(this.options.selectedIndex);statpoint(this.options.selectedIndex)">
                <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><input type="text" name="des" id="des" value="10" maxlength="3" size="4" readonly="readonly" /><br />
<input name="atr" id="atr" value="0" readonly="readonly" /> <input type="submit" value="Continuar" />
    </form>
 

no encuentro la forma de convertirlo en una sola función.

[GatorV]

Si le das ids unicos a ambos puedes hacerlo:

Código Javascript:

function calcular(selId, textId) {
     var select = document.getElementById(selId);
     var option = select[select.selectedIndex].value;
     document.getElementById(textId).value = option;
}
 

Saludos.

[arcanisgk122]

cada uno tiene un id distinto statico y pues como esto va dirigido a un archivo php luego para almacenar la info en una base de datos no se cual sea la sintaxis correcta...

[arcanisgk122]

des pues de varios intento no he logrado hacerlo funcionar para trabajar con una sola función, actualizo el post con lo que tengo hasta el momento:

Script

Código Javascript:

<script type="text/javascript">
        function calcula1(){ 
            var operf1 = document.getElementById("pfrs");
            var operando1 = operf1.selectedIndex;
            var ope1 = operf1.options[operando1];
            var pfrs = ope1.value;
            document.form1.frs.value = pfrs;
            document.form1.pfrs.disabled=this.value!='';
            }
            function calcula2(){
            var operf2 = document.getElementById("pdes");
            var operando2 = operf2.selectedIndex;
            var ope2 = operf2.options[operando2];
            var pdes = ope2.value;
            document.form1.des.value = pdes;
            document.form1.pdes.disabled=this.value!='';
            }
            function calcula3(){
            var operf3 = document.getElementById("psab");
            var operando3 = operf3.selectedIndex;
            var ope3 = operf3.options[operando3];
            var psab = ope3.value;
            document.form1.sab.value = psab;
            document.form1.psab.disabled=this.value!='';
            }
            var global= new Array(0, 0, 0, 0, 0);
            function statpoint(elemSelect, indiceArray){
                var pointset= parseInt(elemSelect.options[elemSelect.selectedIndex].text);
                var datpast= global[indiceArray];
                var atrset= document.getElementById("atr");
                var atrpoint= parseInt(atrset.value);
                atrpoint=atrpoint-datpast;
                atrset.value=atrpoint+pointset;
                global[indiceArray]=pointset;
            }
        </script>
 

Codigo html select options y mas:

Código HTML:

<form name="form1" method="post" id="form1" action="nchar.php" >
        <label>
            <select id="pfrs" name="pfrs" size="1" onchange="calcula1(this.options.selectedIndex);statpoint(this, 0)">
                <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>
            <input type="text" name="frs" id="frs" value="10" maxlength="3" size="4" readonly="readonly"/>
            <br />
            <select id="pdes" name="pdes" size="1" onchange="calcula2(this.options.selectedIndex);statpoint(this, 1)">
                <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>
            <input type="text" name="des" id="des" value="10" maxlength="3" size="4" readonly="readonly" />
            <br />
            <select id="psab" name="psab" size="1" onchange="calcula3(this.options.selectedIndex);statpoint(this, 2)">
                <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>
            <input type="text" name="sab" id="sab" value="10" maxlength="3" size="4" readonly="readonly" />
            <br />
            <select id="pvig" name="pvig" size="1" onchange="calcula4(this.options.selectedIndex);statpoint(this, 3)">
                <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>
            <input type="text" name="vig" id="vig" value="10" maxlength="3" size="4" readonly="readonly" />
            <br />
            <select id="pesp" name="pesp" size="1" onchange="calcula5(this.options.selectedIndex);statpoint(this, 4)">
                <option value="1" selected="selected">0</option>
                <option value="2">50</option>
                <option value="3">100</option>
                <option value="4">150</option>
                <option value="5">200</option>
                <option value="6">250</option>
                <option value="7">300</option>
                <option value="8">350</option>
                <option value="9">400</option>
                <option value="10">450</option>
            </select>
            <input type="text" name="esp" id="esp" value="1" maxlength="3" size="4" readonly="readonly" />
            <br />
            <input name="atr" id="atr" value="0" readonly="readonly" />
        </label>
    </form>
 

agradezco si alguien puede aportar algo a como simplificar el código javascript