Sumar campos de mi formulario

Espero me puedas ayudar con este tema: en mi web se puede crear un formulario con n campos de la siguiente forma un select con tres opciones 1 - 2 - 3 un campo text donde inserto valores la idea es crear una función que me permita sumar en una casilla todos lo valores del tipo text cuyo select sea 1 en tra casilla los valores del tipo text cuyo select sea 2 y así para el tres. ¿Alguna idea?

1 Respuesta

Respuesta 
<script type="text/javascript">
function sumOptions(){
    var a = document.forms["formulario"]; var obj = a.getElementsByTagName("input");
    var total = 0;
    for(var i=0;i<obj.length;i++){
        var sel = obj.parentNode.children[0];
        if(obj.name  != "result" && !isNaN(parseInt(obj.value)) && sel.getAttribute("rel") == sel.value){
            total += parseInt(obj.value);
        }
    }
    a.result.value = total;
}
function startInputs(){
    var a = document.forms["formulario"];var obj = a.getElementsByTagName("input");
    var total = 0;
    for(var i=0;i<obj.length;i++){
        var sel = obj.parentNode.children[0];
        if(obj.name != "result"){
            var sum = parseInt(obj.value);
            if(isNaN(sum) || sel.getAttribute("rel") != sel.value) sum = 0;
            sel.onchange=sumOptions; obj.onchange = sumOptions; obj.onblur = sumOptions;
            total += sum;
        }
    }
    a.result.value = total;    
}
</script>
<body onLoad="startInputs()">
<form name="formulario" method="post">
Input 1 (Suma en 2)
<div name="lol"><select name="select1" rel="2"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select> 
<input type="text" name="text1" value="10" /></div>
Input 2 (Suma en 3)
<div><select name="select2" rel="3"><option value="1">1</option><option value="2">2</option><option value="3" selected>3</option></select> 
<input type="text" name="text2" value="40" /></div>
Input 3 (Suma en 1)
<div><select name="select3" rel="1"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select> 
<input type="text" name="text2" value="50" /></div>
Resultado
<input type="text" name="result" /> <button onClick="sumOptions(); return !1">Sumar</button>
</form>
</body>
<body onLoad="startInputs()">
<form name="formulario" method="post">
Input 1 (Suma en 2)
<div name="lol"><select name="select1" rel="2"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
<input type="text" name="text1" value="10" /></div>
Input 2 (Suma en 3)
<div><select name="select2" rel="3"><option value="1">1</option><option value="2">2</option><option value="3" selected>3</option></select>
<input type="text" name="text2" value="40" /></div>
Input 3 (Suma en 1)
<div><select name="select3" rel="1"><option value="1">1</option><option value="2">2</option><option value="3">3</option></select>
<input type="text" name="text2" value="50" /></div>
Resultado
<input type="text" name="result" /> <button onClick="sumOptions(); return !1">Sumar</button>
</form>
</body>

Si el atributo rel del select es igual a la opción seleccionada los datos se suman.
Perdón no te asustes, copie 2 veces el body.
Hola gracias por responder... vamos en buen camino en cuanto al código que me dejaste el post lo probé pero no me sumo o no entendí bajo que condiciones lo hace a y le quite un body. Pero el formulario si tiene la sintaxis que yo explique en el ejemplo tu lo haces con tres filas pues en mi caso serian N solo note algo y es que solo colocaste un campo de resaltado y deberían ser tres uno para la suma de los input text cuyo select sea 1 otro para 2 y otro para el select 3. gracias
Ups... pues yo entendí esto: que me permita sumar en una casilla todos lo valores del tipo text.
¿Haber la sintaxis que quieres es así?
<sel>1|2|3</sel> <input value=3>
<sel>1|2|3</sel> <input value=1>
<sel>1|2|3</sel> <input value=0>
<sel>1|2|3</sel> <input value=3>
<sel>1|2|3</sel> <input value=4>
Suma de selección 1 = 5
Suma de selección 2 = 0
Suma de selección 3 = 6
Si que si amigo eso esl lo que necesito je je gracias por la ayuda
<script type="text/javascript">
function sumOptions(){
    var a = document.forms["formulario"]; var obj = a.getElementsByTagName("input");
    var total = new Array(0,0,0); var results = 0;
    for(var i=0;i<obj.length;i++){
        var sel = obj.parentNode.children[0];
        if(obj.getAttribute("rel") != "result"){
            if(!isNaN(parseInt(obj.value))) total[sel.value-1] += parseInt(obj.value);
        }else{
            results++;
        }
    }
    for(var z=1;z<=results;z++) eval("a.result"+z+".value="+total[z-1]+"");
}
function startInputs(){
    var a = document.forms["formulario"];var obj = a.getElementsByTagName("input");
    var total = new Array(0,0,0); var results = 0;
    for(var i=0;i<obj.length;i++){
        var sel = obj.parentNode.children[0];
        if(obj.getAttribute("rel") != "result"){
            var sum = parseInt(obj.value);
            if(isNaN(sum)) sum = 0;
                total[sel.value-1] += sum;
            sel.onchange=sumOptions; obj.onchange = sumOptions; obj.onblur = sumOptions;
        }else{
            results++;
        }
    }
    for(var z=1;z<=results;z++) eval("a.result"+z+".value="+total[z-1]+"");
}
</script>
<body onLoad="startInputs()">
<form name="formulario" method="post">
<div><select><option value="1">1</option><option value="2">2</option><option value="3" selected>3</option></select>
<input type="text" value="3" /></div>
<div><select><option value="1" selected>1</option><option value="2">2</option><option value="3">3</option></select>
<input type="text" value="1" /></div>
<div><select><option value="1" selected>1</option><option value="2">2</option><option value="3">3</option></select>
<input type="text" value="0" /></div>
<div><select><option value="1">1</option><option value="2">2</option><option value="3" selected>3</option></select>
<input type="text" value="3" /></div>
<div><select><option value="1" selected>1</option><option value="2">2</option><option value="3">3</option></select>
<input type="text" value="4" /></div>
<div>Suma de selección 1 <input type="text" name="result1" rel="result" /></div>
<div>Suma de selección 2 <input type="text" name="result2" rel="result" /></div>
<div>Suma de selección 3 <input type="text" name="result3" rel="result" /></div>
</form>
</body>
Esta es, cada vez que haces un cambio la suma se hace automáticamente, si quieres añadir más selecciones solo añade abajo de los resultados:
Suma de selección N <input type="text" name="resultN" rel="result" />

Añade tu respuesta

Haz clic para o

Más respuestas relacionadas

Sumas y multiplicaciones

Quisiera saber como se hace lo siguiente: Tengo este script: </SCRIPT><SCRIPT LANGUAGE=JavaScript> function Sumar() { var val1; var val2; var val3; val1 = (! ParseInt(document.formulario.sum1.value))?0:parseInt(document.formulario.sum1.value); val2 =...
9 respuestas

Hacer un mensaje de alerta

Necesitaría saber como hacer que salte un mensaje de alerta al seleccionar un valor de un list/menu. Me explico, tienes tres campos y un botón de enviar. En cada campo tienes, por ejemplo, 5 valores y un sexto, que seria el primero de los seis, que...
7 respuestas

¿Cómo usar GetElementsById dentro de un form en javascript?

Tengo un código para calcular promedio de 6 números, pero al insertarlo a un formulario no me funciona, ¿Cómo hago para usarlo con un formulario? AYUDA! Aquí el código <script language="javascript"> function sumar(){ var a, total = 0; var elements =...
1 respuesta

Comprobar checkboxes

Tengo una página donde hay varios valores entre ellos unas variables y unos checkbox con los nombres(check1, check2, check3, etc.). Necesito hacer una función donde se comprueben que checkbox de la página están en "true" y me sume los valores de esos...
1 respuesta

Combos dependientes

Te describo mi situación: 1.- Tengo Dos combos, el combo1, contiene las fases, esta relacionadao con la tabla Fases, y me muestra la lista de fases que se encuentran el la base de datos 2-. El combo 2 deben aparecer las Subfases, de la tabla...
1 respuesta

Como hago un DateField en Web?

Estoy haciendo una tratando de Darle formaato de fecha a un Input Text. Mi idea de un campo fecha seria: una fuoncion que detecte la posision del cursor y me deje remplazar todos los valoes del text, menos los "/", de esa manera tengo un campo de...
7 respuestas

Front Page, Dreamweaver, o Macromedia Flash MX

Quería consultarte acerca de cual programa me conviene utilizar para empezar desde cero a hacer una página web (no tengo conocimientos en lenguajes ni cosa por el estilo) es decir que soy un principiante.
4 respuestas

Habilitar submit con javascript

Tengo un form donde importo un archivo y lo imprimo en pantalla marcando un borde rojo si hay errores para que el usuario los corrija, el tema es que quiero que se habilite el submit cuando este todo correcto. Estoy usando esta función pero no se...
1 respuesta

Sumar o restar dependiendo de checkbox

Espero me puedas ayudar en lo siguiente : Tengo un form, en donde quiero hacer lo siguiente: Tengo 2 campos de texto en donde se ingresan valores... Ahora, tengo 2 checkbox.. Uno dice "suma", el otro "resta".. Lo que quiero hacer, es tener ahora 2...
1 respuesta

Cómo crear un formulario HTML para colgarlo en mi web

Quisiera hacer un formulario con 5 campos (Nombre, Empresa, E-mail, asunto y Mensaje) con 2 botones (Enviar formulario y Limpiar formulario) que me permita recibir por mail las consultas de los visitadores. Me gustaría poder mostrar cualquier cartel...
1 respuesta