Tengo un menú de acordeón de Jquery que cuando se hace clic se abre y permite al usuario seleccionar una opción de la lista.
<div class="panel panel-default">
<div class="vertical-menu" id="headingRooms"><a data-toggle="collapse" data-parent="#accordion" href="#collapseFour"><span class="glyphicon glyphicon-plus"> </span> Rooms</a></div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body">
<div class="RoomListS">
<div class="boxscrollRoomListS">
<?php do { ?>
<div class="room-list-background">
<div data-target="#add_data_modal" name="roomid[]" class="RoomID" data-toggle="modal" data-backdrop="static" data-keyboard="false" id="RoomID=<?php print $row_AvailSyn5['ConfRoomID']; ?>" target="_self"> <?php print $row_AvailSyn5['ConfRoomName']; ?></div>
</div>
<?php } while ($row_AvailSyn5 = mysql_fetch_assoc($AvailSyn5)); ?>
</div>
</div>
</div>
</div>
</div>
Cuando inspecciono la lista de opciones, cada opción tiene lo siguiente con un número de identificación diferente:
DIV#RoomId=<the id number>.RoomID
Cuando el usuario hace clic en una opción, necesito obtener el valor de identificación de la opción seleccionada. Estoy usando el siguiente código para intentar lograr esto.
$('.RoomID').click(function(){
var roomid = document.getElementById('RoomID');
console.log("ROOM ID ", roomid);
});
La consola regresa:
"ID de habitación nulo"
¿Alguien puede ver cómo puedo hacer que esto funcione?
Muchas gracias de antemano por su tiempo.
Esto te puede ayudar
$('.RoomID').click(function(){
var roomid = $(this).attr('id');
console.log("ROOM ID ", roomid);
});
Este artículo se recopila de Internet, indique la fuente cuando se vuelva a imprimir.
En caso de infracción, por favor [email protected] Eliminar
Déjame decir algunas palabras