Problema con java script
Hola a todos, en estos momentos estoy haciendo una aplicación web en la cual tengo un problema que no se como resolver,
el problema es el siguiene, al presionar un boton de un jsp debe tomar el texto seleccionado de un select y cargarlo en un input text, el problema esta en que esto se itera y funciona bien para casi todos los input,exepto para los 2 primeros, les dejo el codigo del jsp que itera esto junto con el js
function editarRespuesta(index){
var elegido=$("#respuesta"+index+" option:selected").text();
var idelegido=$("#respuesta"+index+" option:selected").val();
alert("elegida "+elegido);
alert("id elegida "+idelegido);
$("#divEditarRespuesta"+index).addClass("ocultar");
$("#auxiliarRespuesta"+index).removeClass("ocultar");
$("#auxiliarRespuestNueva"+index).addClass("ocultar");
$("#nuevaRespuesta"+index).removeClass("ocultar");
$("#nuevaRespuesta"+index).focus();
$("#nuevaRespuesta"+index).val(elegido);
}
Este es el del JSP
este es el codigo que itera el select y los input
">
Este es el metodo que realiza la accion
" onclick="editarRespuesta(${index})" />
- Inicie sesión o regístrese para enviar comentarios
jQuery ejemplo
Hola YusselLuna no sé si el ejemplo que te coloco te ayude o vuelva más legible tu código pero pon atención en que puedes encadenar las acciones de los objetos jquery.
<head>
<style>
.color-gris{ background-color:#C0C0C0; }
.color-azul{ background-color:#0000FF; }
</style>
<script src="http://code.jquery.com/jquery-1.7.min.js"></script>
<script>
$(document).ready(function(){
$('#boton').click(function(){
$('#caja')
.val($('#lista').val())
.focus()
.removeClass('color-gris')
.addClass('color-azul');
});
});
</script>
</head>
<body>
<select id="lista">
<option>gato</option>
<option>perro</option>
<option>conejo</option>
<option>pato</option>
</select>
<input id="boton" type="button" value="accion">
<input id="caja" type="text" class="color-gris">
</body>
</html>
Saludos y regresas para darnos el chisme de cómo te quedo.