Tengo un formulario con un menú desplegable y cuando agrego los datos, va a la base de datos. Cuando hago clic en editar, puedo obtener los valores de todos los demás campos, pero el menú desplegable no muestra el valor que se agregó anteriormente en el menú desplegable. ¿Puede alguien ayudarme?
Estoy tratando de hacer esto con jquery,
Estoy usando semántica para frontend con jsp y servlet para backend y base de datos en postgres
esto es lo que he intentado. Encontré esto en el comportamiento semántico, pero solo establece el valor como predeterminado.
$("#iddropdown").dropdown('set selected', ['fruits']); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js" integrity="sha512-dqw6X88iGgZlTsONxZK9ePmJEFrmHwpuMrsUChjAw1mRUhUITE5QU9pkcSox+ynfLhL15Sv2al5A0LVyDCmtUw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha512-8bHTC73gkZ7rZ7vpqUQThUDhqcNFyYi2xgDgPDHc+GXVGHXq+xPjynxIopALmOPqzo9JZj0k6OqqewdGO3EsrQ==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <div class="eight wide field"> <label> Product Category </label> <select id="iddropdown" class="ui dropdown" name="category"> <option value="category"> Category </option> <option value="fruits"> Fruits </option> <option value="vegetables"> Vegetables </option> <option value="rice"> Rice </option> <option value="flour"> Flour </option> <option value="snacks"> Snacks </option> <option value="beverages"> Beverages </option> <option value="sauces"> Sauces </option> <option value="cereal"> Cereal </option> <option value="spices"> Spices </option> <option value="pulses"> Pulses </option> <option value="cheese"> Cheese </option> </select> </div>$("#iddropdown").dropdown('set selected', ['${product.category}'] );¡¡Finalmente esto funcionó para mí!!