function displ()
{
if(document.myFORM.valu.options[0].value == true) {
return false
}
else {
document.myFORM.textfield.value=document.myFORM.va lu.options[document.myFORM.valu.selectedIndex].value;
}
return true;
}
//-->
</script>
</head>
<body>
<div id="art-main">
<div class="art-sheet">
<div class="art-sheet-tl"></div>
<div class="art-sheet-tr"></div>
<div class="art-sheet-bl"></div>
<div class="art-sheet-br"></div>
<div class="art-sheet-tc"></div>
<div class="art-sheet-bc"></div>
<div class="art-sheet-cl"></div>
<div class="art-sheet-cr"></div>
<div class="art-sheet-cc"></div>
<div class="art-sheet-body">
<div class="art-header">
<div class="art-header-center">
<div class="art-header-jpeg"></div>
</div>
<div class="art-logo">
<h1 id="name-text" class="art-logo-name"><a href="./index.html">PAgina</a></h1>
<h2 id="slogan-text" class="art-logo-text">Codigos</h2>
</div>
</div>
<div class="art-content-layout">
<div class="art-content-layout-row">
<div class="art-layout-cell art-content">
<div class="art-post">
<div class="art-post-body">
<div class="art-post-inner art-article">
<h2 class="art-postheader"><img src="./images/postquote.png" width="32" height="32" alt="" />Calculo de Costos</h2>
<div class="art-postcontent">
<br>
<body bgcolor="#FFFFFF" text="#000000">
<table border="1" cellspacing="1" cellpadding="1" width="80%">
<tr>
<td width="0%"><form name="myFORM" onClick="return displ();">
<p>Material
<select name="valu" size="1">
<option value>Seleccion de Material</option>
<option value="100.00">Insulacion | Tipo Diamond</option>
<option value="200.00">Insulacion | Tipo Gold</option>
<option value="300.00">Insulacion | Tipo Silver</option>
<option value="400.00">Insulacion | Tipo bronce</option>
<option value="500.00">Insulacion | Tipo cobre</option>
<option value="600.00">Insulacion | Tipo aluminio</option>
</select>
Costo $
<input type="text" name="textfield"> Por Metro Cuadrado
</p>
</form>
</td>
</tr>
</table>
<script language="javascript" type="text/javascript">
function multiplicar(id)
{
document.getElementById("total"+id).value = document.getElementById("precio"+id).value * document.getElementById("cantidad"+id).value * document.myFORM.textfield.value +" Pesos m. n.";
}
</script>
<form method="POST">
Ancho:<br>
<input id="precio23" type="text"><br>
Largo:<br>
<input id="cantidad23" type="text"><br><br>
<input type="button" value="Costo Total" onclick="javascript
: multiplicar(23)"><hr>
Total: $ <input id="total23" type="text">
</form>
<center>
<br><script type="text/javascript">
window.onload=function()
{
var caption=['Tipo de Insulacion',
'Insulacion Tipo 1',
'Insulacion Tipo 2',
'Insulacion Tipo 3',
'Insulacion Tipo 4',
'Insulacion Tipo 5',
'Insulacion Tipo 6', ], // This will be your images caption
bp='', //base url of your images
imgnum=6, //Number of your images. This should match on your comboboxes options.
thumb=document.getElementById('thumb'), //id of your image that will be changing
description=document.getElementById('caption'), //id of your caption
combobox=document.getElementById('selection'); // id of your combobox.
combobox.onchange=function()
{
thumb.src=bp+'insulation'+this.value+'.jpg';
description.innerHTML=caption[this.value];
}
}
</script>
</head>
<body>
<select id="selection">
<option>Seleccionar producto</option>
<option value="100">Insulacion | Tipo Diamond</option>
<option value="200">Insulacion | Tipo Gold</option>
<option value="300">Insulacion | Tipo Silver</option>
<option value="400">Insulacion | Tipo bronce</option>
<option value="500">Insulacion | Tipo cobre</option>
<option value="600">Insulacion | Tipo aluminio</option>
</select>
<br>
<img src="logo.jpg" alt="mypic" id="thumb">
<span id="caption">Caption for the default Image</span>
</body>
aqui pongo el codigo que estoy usando (de hecho son 2 codigos distintos)