Tengo este menú desplegable en codeigniter Nama Barang . Este es el código:

 <div class="form-group"> <label>Nama Barang</label> <div class="form-inline"> <select id="nama" class="form-control namabarangsearch col-sm-10" name="name" required onchange="getNamaTransaksi()"> <option value="">-- Nama Barang --</option> <?php foreach ($groups as $group) { echo '<option value="' . $group->stok. '" value="' . $group->name . '">' . $group->name . '. Stok : ' . $group->stok . '</option>'; } ?> </select> </div> <small class="form-text text-muted" id="sisa"></small> </div>

Luego el guión:

 <script> function getNamaTransaksi() { var x = document.getElementById("nama").value; document.getElementById("sisa").innerHTML = "Nama barang : " + x; } </script>

¿Qué debo hacer si quiero tener 2 valores de la opción, para poder llamarlo en el script? He intentado hacer esto:

 <script> function getNamaTransaksi() { var x = document.getElementById("nama").value['$group->stok']; document.getElementById("sisa").innerHTML = "Nama barang : " + x; } </script>

Pero me da un valor indefinido. ¿Qué estoy haciendo mal aquí? También lo siento si mi código está desordenado.