Buenas amig@s, de antemano dar las gracias a toda la gente que me pueda aporta algún recurso para solucionar mi problema. Lo que querría saber es como puedo obtener la propiedad de un valor de un select y no su valor en si, me explico; tengo un select con opciones: aulario, humanidades, biblioteca.... y cada uno asociado a un value: aulario value 0, humanidades value 1........ Les dejo el codigo del html y del javascript. Un saludo y GRACIAS
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript" src="script2.js">
</script>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title>Documento sin título</title>
<style type="text/css">
.negrita {
font-weight: bold;
text-align: center;
color: #630;
}
.botones {
text-align: center;
}
.alineaciontabla {
text-align: center;
color: #00C;
}
.colorobligatorio {
color: #630;
font-size: 18px;
}
.colorletrastabla {
font-weight: bold;
color: #090;
text-align: left;
font-size: 18px;
}
table {
color: #006;
font-size: 18px;
text-align: left;
border-color:#00F;
border-collapse:collapse;
border-bottom-style:inset;
}
.negrita {
color: #F00;
font-size: 18px;
}
.asterisco {
color: #F00;
}
.asterisco {
color: #F00;
}
.asterisco {
color: #F00;
}
body {
background-color: #FFF;
}
tamanotitulo {
font-size: 24px;
}
.asterisco {
color: #F00;
}
.negrita u {
font-size: 24px;
}
</style>
</head>
<body onLoad="CambiarFormulario();">
<p class="repuestos"> </p>
<p class="negrita"> </p>
<p class="negrita"><u>RECAMBIOS DE TONER</u></span></p>
<p class="repuestos"> </p>
<form action="salida_almacen_universidad.php" method="post" name="almacen">
<table width="527" height="288" border="4" cellpadding="4" cellspacing="4" align="center" class="alineaciontabla">
<tr>
<td width="178" style="text-align: left"><span class="negrita"><span class="colorletrastabla">Dependiente/a:</span></span></td>
<td width="333" style="text-align: left"><span class="negrita"><span class="colorletrastabla">Nombre
<input name="nombre" type="text" id="nombre" size="7" maxlength="20" />
</span></span><span class="asterisco">*</span><span class="negrita"><span class="colorletrastabla"> Apellido
<input name="apellido" type="text" id="apellido" size="7" maxlength="20" />
</span></span><span class="asterisco">*</span></td>
</tr>
<tr>
<td style="text-align: left"><span class="negrita"><span class="colorletrastabla">Nº de Albarán:</span></span></td>
<td style="text-align: left">
<span class="negrita"><span class="colorletrastabla">
<input name="albaran" type="int" id="albaran" size="4" maxlength="5" />
</span></span><span class="asterisco">*</span></td>
</tr>
<tr>
<td style="text-align: left"><span class="negrita"><span class="colorletrastabla">Tienda:</span></span></td>
<td style="text-align: left">
<span class="negrita"><span class="colorletrastabla">
<select name="tienda" onchange="change(this);">
<option value="0" id="vacio">----------------</option>
<option value="1" id="auditorio">Auditorio</option>
<option value="2" id="aula">Aulario 1</option>
<option value="3" id="biblio">Biblioteca</option>
<option value="4" id="huma">Humanidades</option>
<option value="5" id="mate">Matemáticas</option>
<option value="6" id="profe">Profesores</option>
</select>
</span></span><span class="asterisco">*</span></td>
</tr>
<tr>
<td style="text-align: left"><span class="negrita"><span class="colorletrastabla">Nº de Máquina:</span></span></td>
<td style="text-align: left">
<span class="negrita"><span class="colorletrastabla">
<select name="numero_maquina">
</select>
</span></span><span class="asterisco">*</span></td>
</tr>
<tr>
<td style="text-align: left"><span class="negrita"><span class="colorletrastabla">Modelo de Máquina:</span></span></td>
<td style="text-align: left">
<span class="negrita"><span class="colorletrastabla">
</span></span><span class="asterisco">*
</span></td>
</tr>
<tr>
<td style="text-align: left"><span class="negrita"><span class="colorletrastabla">Nº de Copias:</span></span></td>
<td style="text-align: left"><span class="negrita"><span class="colorletrastabla">B/N
<input name="blanconegro" type="int" id="blanconegro" size="4" maxlength="10" />
</span></span><span class="asterisco">*</span><span class="negrita"><span class="colorletrastabla"> Color
<input name="color" type="int" id="color" size="4" maxlength="10"/>
</span></span></td>
</tr>
<tr>
<td style="text-align: left"><span class="negrita"><span class="colorletrastabla">Nº de Copias Totales:</span></span></td>
<td style="text-align: left">
<span class="negrita"><span class="colorletrastabla">
<input name="copias_totales" type="text" id="copias_totales" size="5" maxlength="20" />
</span></span><span class="asterisco">*</span></td>
</tr>
<tr>
<td style="text-align: left"><span class="negrita"><span class="colorletrastabla">Fecha de Sustitución:</span></span></td>
<td style="text-align: left"><span class="negrita"><span class="colorletrastabla">Día
<select name="dia" size="1" id="dia">
<option>---</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
Mes
<select name="mes" id="mes">
<option selected="selected">-----------</option>
<option value="ENERO">Enero</option>
<option value="FEBRERO">Febrero</option>
<option value="MARZO">Marzo</option>
<option value="ABRIL">Abril</option>
<option value="MAYO">Mayo</option>
<option value="JUNIO">Junio</option>
<option value="JULIO">Julio</option>
<option value="AGOSTO">Agosto</option>
<option value="SEPTIEMBRE">Septiembre</option>
<option value="OCTUBRE">Octubre</option>
<option value="NOVIEMBRE">Noviembre</option>
<option value="DICIEMBRE">Diciembre</option>
</select>
Año
<select name="anyo" size="1" id="anyo">
<option selected="selected">-----</option>
<option value="2012">2012</option>
<option value="2013">2013</option>
<option value="2014">2014</option>
<option value="2015">2015</option>
<option value="2016">2016</option>
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
</select>
</span></span><span class="asterisco">*</span></td>
</tr>
<tr>
<td colspan="2" class="negrita">
<span class="negrita">
<label for="correo"></label>
<input name="correo" type="text" id="correo" value="
[email protected]" />
<input type="submit" name="button" value="Aceptar" onclick="comprobar_formulario ()"/>
<input type="reset" name="reset" value="Borrar" />
</span></td>
</tr>
</table>
<p class="negrita">*<span class="colorobligatorio"> Todos los campos hay que rellenarlos obligatoriamente </span></p>
</form>
</body>
</html>
JAVASCRIPT
:
// Javascript Document
var arr = new Array();
arr[0] = new Array("------");
arr[1] = new Array("----","Nº 38","Nº 102","Nº 106","Nº 127","Nº 128","Nº 130","Nº 244");
arr[2] = new Array("----","Nº 35","Nº 117","Nº 133","Nº 233");
arr[3] = new Array("----","Nº 100","Nº 114","Nº 120","Nº 234","Nº 241");
arr[4] = new Array("----","Nº 103","Nº 118","Nº 126","Nº 129","Nº 243");
arr[5] = new Array("----","Nº 29","Nº 119","Nº 121","Nº 239");
arr[6] = new Array("----","Nº 101","Nº 125","Nº 200");
function change (tienda){
var comboValue = tienda.value;
document.forms["almacen"].elements["numero_maquina"].options.length=0;
for(var i = 0;i<arr[comboValue].length;i++)
{
var option = document.createElement('option');
option.setAttribute("value",i+1);
option.innerHTML = arr[comboValue][i];
document.forms["almacen"].elements["numero_maquina"].appendChild(option);
}
}