如何使用 jquery 在编辑表单中获取下拉值？

Question

我有一个带有下拉列表的表单，当我添加数据时，它将进入数据库。当我单击“编辑”时，我可以获取所有其他字段的值，但下拉列表未显示之前在下拉列表中添加的值，有人可以帮忙吗？？

我正在尝试使用 jquery ,

我在 jsp 的前端使用语义，在 postgres

的后端和数据库使用 servlet

这是我尝试在语义行为上发现的，但它只是将值设置为默认值

$("#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>

Answer 1

$("#iddropdown").dropdown('set selected', ['${product.category}'] );

终于对我有用了！！

如何使用 jquery 在编辑表单中获取下拉值？

How to fetch the dropdown value in edit form using jquery?

javascript

jquery

jsp

servlets

semantic-ui