Javascript 无法使用js更新事件上的文本字段-未定义_Javascript_Java_Spring Mvc

Javascript 无法使用js更新事件上的文本字段-未定义

javascript java spring-mvc

Javascript 无法使用js更新事件上的文本字段-未定义,javascript,java,spring-mvc,Javascript,Java,Spring Mvc,我的意图是在更改取消选择选项时使用js设置输入值。但是它的值没有定义这是我的html（jsp）文件文塔斯产品普里西奥 ${prdct.nombre} 函数ponerPrecio（e）{ var precio=e.target.data； document.getElementById（“价格”）.value=precio； } 从${product}我得到我数据库中的所有项来使用它。其思想是使用“data”更新名为precio的输入，其值为${prdct.precioUnidad}。

我的意图是在更改取消选择选项时使用js设置输入值。但是它的值没有定义

这是我的html（jsp）文件


文塔斯
产品
普里西奥
${prdct.nombre}
函数ponerPrecio（e）{
var precio=e.target.data；
document.getElementById（“价格”）.value=precio；
}

从${product}我得到我数据库中的所有项来使用它。其思想是使用“data”更新名为precio的输入，其值为${prdct.precioUnidad}。

使用

数据价格

而不是

数据

属性


文塔斯
产品
普里西奥
${prdct.nombre}
自定义项
函数ponerPrecio（e）{
var precio=e.target.options[e.target.selectedIndex].dataset.price；
document.getElementById（“价格”）.value=precio；
}

<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>