Foros del Web » Programando para Internet » Javascript »

Obtener propiedad marcada de un select y no su valor

 Estas en el tema de Obtener propiedad marcada de un select y no su valor en el foro de Javascript en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/06/2012, 17:15
 
Fecha de Ingreso: junio-2012
Mensajes: 1
Antigüedad: 11 años, 10 meses
Puntos: 0
Obtener propiedad marcada de un select y no su valor
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&iacute;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">&nbsp;</p>
<p class="negrita">&nbsp;</p>
<p class="negrita"><u>RECAMBIOS DE TONER</u></span></p>
<p class="repuestos">&nbsp;</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&ordm; de Albar&aacute;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&ordm; de M&aacute;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&aacute;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&ordm; 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&ordm; 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&oacute;n:</span></span></td>
<td style="text-align: left"><span class="negrita"><span class="colorletrastabla">D&iacute;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&ntilde;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);

}




}
  #2 (permalink)  
Antiguo 10/06/2012, 07:22
(Desactivado)
  
Fecha de Ingreso: noviembre-2002
Ubicación: Ciudad Autónoma de Buenos Aires
Mensajes: 2.367
Antigüedad: 21 años, 5 meses
Puntos: 317
Respuesta: Obtener propiedad marcada de un select y no su valor
Hola FeNyMeR, bienvenido.

¿Qué problema tienen en este Foro contra las etiquetas [code] ?
¿Es tan difícil meterle el código en medio?
Si están usando el editor de mensajes, está en el botoncito que tiene el numeral ( "#" ). ¿Cómo no la encuentran?
¡Por favor! ¡Hágannos la vida más fácil!

Bien, veamos lo tuyo.
No se entiende. Al margen de que pusiste todo un ejemplo que no sé para qué está (porque seguro podías haber escrito otro menos largo y más específico a la duda), la pregunta sobre "propiedades" es demasiado ambigua.

¿A qué llamas "propiedad de un valor de un select". ¿Al valor? ¿Al identificador? ¿Al texto de la opción? ¿A alguna propiedad CSS que le hayas aplicado al option?

Código: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title></title>
<script type="text/javascript">
function prop(T){
document.getElementById("val").value = T.value;

document.getElementById("ident").value = T.options[T.selectedIndex].id;

document.getElementById("txt").value = T.options[T.selectedIndex].innerHTML;

document.getElementById("css").value = 
document.body.currentStyle ? T.options[T.selectedIndex].currentStyle["color"] : document.getElementById("css").value = 
document.defaultView.getComputedStyle(T.options[T.selectedIndex], null).getPropertyValue("color");

}
</script>
</head>
<body>
<select onchange="prop(this);" id=qwer>

<option value="0" id="vacio" 
style="color:black">----------------</option>
<option value="1" id="auditorio" 
style="color:blue">Auditorio</option>
<option value="2" id="aula" 
style="color:fuchsia">Aulario 1</option>
<option value="3" id="biblio" 
style="color:red">Biblioteca</option>
<option value="4" id="huma" 
style="color:green">Humanidades</option>
<option value="5" id="mate" 
style="color:maroon">Matemáticas</option>
<option value="6" id="profe" 
style="color:teal">Profesores</option>

</select>
<p>
<input id=val> valor <br>
<input id=ident> identificador <br>
<input id=txt> texto <br>
<input id=css> valor de propiedad estilo <code>color</code><br>
</p>

</body>
</html>

P.D. : ¿Seguro ese charset está bien?

Etiquetas: formulario, html, input, js, php, propiedad, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 01:03.