Javascript 使用jquery设置下拉列表上第一个选项的值

因此，我试图使用jquery填充我的模式表单，但我无法使下拉列表正常工作。我是jquery新手，所以我不确定我是否做对了事情。以下是我使用数据将值传递给jquery的方式：

<a class="btn btn-primary btn-xs" data-toggle="modal" data-target="#editItem" data-id="<?php echo $row_selectItem['item_id'];?>" data-no="<?php echo $row_selectItem['item_no'];?>" data-desc="<?php echo $row_selectItem['item_desc'];?>" data-cat="<?php echo $row_selectItem['cat_name'];?>" data-unit="<?php echo $row_selectItem['unit_name'];?>" data-quantity="<?php echo $row_selectItem['quantity'];?>" data-cost="<?php echo $row_selectItem['unit_cost'];?>" >

类别和单位是下拉列表。在这里，以前的值应显示为下拉列表中的第一个选项。其余的都在工作

这是我在模态形式中选择的代码。我将不包括其余的，只有选择为单位和类别。任何帮助都将不胜感激：）

//价值应该在这里
//价值应该在这里

假设这是您的HTML代码

你可以试试这个

$("#category > option:first-child").val(cat);
$("#unit > option:first-child").val(unit);

如果还要设置选项的文本，请执行以下操作：

$("#category > option:first-child").text(cat);
$("#unit > option:first-child").text(unit);

但是，如果您的选择值已包含选项列表，并且您希望删除所选选项并将其添加到顶部，则可以执行以下操作

if($('#category > option[value=' + cat + ']').length !== 0){
    $('#category > option[value=' + cat + ']').remove();
}    
$('#category').prepend(new Option(cat, cat));

---

这些选项是否已添加到这些下拉列表中，而您只希望它们移到顶部？@progrAmmar它实际上是一个更新/编辑表单，这就是为什么我希望传递的值成为下拉列表中的第一个选项，以向用户显示它是当前值。我进行了编辑以添加另一个场景。val将工作，但您不会在屏幕上看到val，因为它是下拉字段的值。请记住，该选项有两个字段，文本和值，文本是您在列表中看到的内容，值是作为输入发送到服务器的内容。

$("#category > option:first-child").text(cat);
$("#unit > option:first-child").text(unit);

if($('#category > option[value=' + cat + ']').length !== 0){
    $('#category > option[value=' + cat + ']').remove();
}    
$('#category').prepend(new Option(cat, cat));