Buenas tengo un select que tiene datos cargado de una base de datos, esto lo estoy que desarrollo en laravel. Lo que necesito capturar de ese select son 3 datos:
<div class="col-md-10 mb-2">
<label for="tipo_programacion">Tipo Programacion</label>
<select class="form-control form-control-sm" id="tipo_programacion">
<option value="0">SELECCIONAR</option>
@foreach($tprogramacion as $tp)
<option value="{{$tp->IdTipoProgramacion}}">{{$tp->Descripcion}}</option>
<input type="hidden" name="" id="EsAtencion" value="{{$tp->EsAtencion}}">
@endforeach
</select>
</div>
Del select capturo el value y el texto pero tambien quisiera obtener el tercer dato que esta en el hidden pero al momento de ejecutarlo asi como esta en el ejemplo me carga todo el mal el select. Mi pregunta es: Si puedo agregar un tercer dato al select para dejar de usar el hidden y tambien como llamaria a ese dato con jquery?
<script>
var nombre = $('#tipo_programacion option:selected').text();
var id = $('#tipo_programacion').val();
</script>
value
y luego hacer unexplode
para obtener los datos diferenciados. O bien puedes usar los atributosdata-
(a partir de HTML5). Creo que esta respuesta te puede ayudar a entender mejor cómo hacerlo.