¿ Y por qué no añades los dos como valuevalue
?
<div class="col-sm-6">
<div class="inputBox">
<div class="inputText">*Puesto</div>
<select class="input" name="puesto" required>
<option value="" disabled selected></option>
<option value="1:gerente">Gerente</option>
<option value="2:vendedor">Vendedor</option>
<option value="3:comisionista">Vendedor Comisionista</option>
</select>
</div>
</div>
</div>
Luego, desde PHP( si es que usas PHP )PHP
, obtienes ambos datos:
<?php
list($id, $puesto) = explode(':', $_POST['puesto']);
O también puedes obtener ambos desde javascriptjavascript
:
var value = document.getElementByName('puesto').value.split(':');
var id = value[0];
var puesto = value[1];