Como ocupar if javascript html en Campos de lista

[sergiogrs]

Hola, estoy intentando hacer un formulario con campos de lista pero necesito que estos campos me den diferentes resultados esto es lo que llevo
<script language="javascript">
function seleccion()
{
tamanop = document.form1.tamanop.vaule;
tippapel = document.form1.tippapel.vaule;
tipimpre = document.form1.tipimpre.vaule;
if((tamanop == "Carta") && (tippapel == "Papel Bond") && (tipimpre == "Blanco y Negro"))
{document.form1.total.value = total;]}

y que me indique un total en numero pero no se como imprimir ese resultado y si este bien mi codigo

espero y me puedan ayudar estoy empezando con javascript
Saludos!

[sneyder05]

Saludos sergiogrs

document.form1.total.value = total;

La variable total, dónde la creaste?

Sería más fácil si posteas tu código HTML para indicarte mejor que hacer.

[sergiogrs]

<form name="form1" method="post" action="">
<p>
<label for="tamanop">Tamaño de Papel</label>
<select name="tamanop" id="tamanop">
<option value="Carta">Carta</option>
<option value="Oficio">Oficio</option>
</select>
</p>
<p>
<label for="tippapel">Tipo de Papel</label>
<select name="tippapel" id="tippapel">
<option value="Papel Bond">Papel Bond</option>
<option value="Opalina">Opalina </option>
</select>
</p>
<p>
<label for="tipimpre">Tipo de Impresión</label>
<select name="tipimpre" id="tipimpre">
<option value="Color">Color</option>
<option value="Blanco y Negro">Blanco y Negro</option>
</select>
</p>
<p>
<label for="total">Precio Total</label>
<input type="text" name="total" id="total">
</p>
</form>
<script language="javascript">
function seleccion()
{
tamanop = document.form1.tamanop.vaule;
tippapel = document.form1.tippapel.vaule;
tipimpre = document.form1.tipimpre.vaule;
total = document.form1.tipimpre.vaule;
if((tamanop == "Carta") && (tippapel == "Papel Bond") && (tipimpre == "Blanco y Negro"))
{document.form1.total.value = 1.5;}
else
((tamanop == "Oficio") && (tippapel == "Opalina") && (tipimpre == "Color"))
{document.form1.total.value = 2.5;}
----
Tengo esto no se si este bien, Gracias Saludos

[sneyder05]

Saludos sergiogrs

Prueba con este código a ver si es lo que buscas

Código PHP:

  <form name="form1" method="post" action=""> 
            <p> 
                <label for="tamanop">Tamaño de Papel</label> 
                <select name="tamanop" id="tamanop" onchange="seleccion()"> 
                    <option value="Carta">Carta</option> 
                    <option value="Oficio">Oficio</option> 
                </select> 
            </p> 
            <p> 
                <label for="tippapel">Tipo de Papel</label> 
                <select name="tippapel" id="tippapel" onchange="seleccion()"> 
                    <option value="Papel Bond">Papel Bond</option> 
                    <option value="Opalina">Opalina </option> 
                </select> 
            </p> 
            <p> 
                <label for="tipimpre">Tipo de Impresión</label> 
                <select name="tipimpre" id="tipimpre" onchange="seleccion()"> 
                    <option value="Color">Color</option> 
                    <option value="Blanco y Negro">Blanco y Negro</option> 
                </select> 
            </p> 
            <p> 
                <label for="total">Precio Total</label> 
                <input type="text" name="total" id="total"> 
            </p> 
        </form> 
        <script language="javascript">  
            function seleccion(){ 
                tamanop = document.getElementById('tamanop').value; 
                tippapel = document.getElementById('tippapel').value; 
                tipimpre = document.getElementById('tipimpre').value; 
                document.getElementById('total').value = ''; 
                                 
                if((tamanop == "Carta") && (tippapel == "Papel Bond") && (tipimpre == "Blanco y Negro")) 
                    document.getElementById('total').value = 1.5; 
                else if((tamanop == "Oficio") && (tippapel == "Opalina") && (tipimpre == "Color")) 
                    document.getElementById('total').value = 2.5; 
         
            } 
        </script>  
  

[sergiogrs]

Muchas Gracias sneyder05 si funciono el codigo. Saludos! Gracias de nuevo

[sneyder05]

Saludos sergiogrs

Te recomiendo que no mezcles tu código HTML con Javascript, porque no es buena técnica de desarrollo, y si la puedes corregir al inicio de tu aprendizaje mejor, también hay frameworks Javascript que nos facilitan la vida, como jQuery, o si no deseas usar framework, por lo menos puedes separar tu HTML de tu Javascript en archivos diferentes.