Мое намерение состоит в том, чтобы установить значение входа, используя js, когда я изменяю опцию выбора. Но он получает неопределенное значение
Это мой html (jsp) файл.
<body>
<center><h1>Ventas</h1>
<table border="2">
<tr>
<th>Producto</th>
<th>Precio</th>
</tr>
<tr>
<th>
<select name="productos" onchange="ponerPrecio(event)">
<c:forEach items="${product}" var="prdct">
<option value="${prdct.idProducto}" data="${prdct.precioUnidad}">${prdct.nombre}</option>
</c:forEach>
</select>
<td><input type="text" name="precio" id="price" value="" readonly></input></td>
</th>
</ tr>
<script>
function ponerPrecio(e) {
var precio = e.target.data;
document.getElementById("price").value = precio ;
}
</script>
</table>
<input type="button" name="begin" value="Inicio"onclick="window.location.href='principal.htm'" />
</center>
</body>
Из $ {product} я получаю все элементы моей БД для его использования. Идея состоит в том, чтобы использовать "data" для обновления ввода с именем precio со значением $ {prdct.precioUnidad}.