页面自动加载 select 下拉框选项

Question

<select name="optionSnoInput" class="chosen-select" onchange="goodsViewController.option_price_display(this);">
    <option value="">option</option>
    <option value="104">A</option>
    <option value="105">B</option>
    <option value="106">C</option>
    <option value="107">D</option>
    <option value="108">count</option>
</select>

在上面的下拉列表中，我希望自动选择最后一个选项“计数”，因为我需要计算每个产品的销售数量

但我的商店计划将数量计算为选项而不是产品

所以我添加了“计数”选项，并使用“显示：无”css 代码..

请建议！

谢谢。

Answer 1

您可以使用 JQuery 这样做：

$(window).on('load', function(){
  $('.chosen-select option:last-child').attr('selected','selected');
})

 $(window).on('load', function(){ $('.chosen-select option:last-child').attr('selected','selected'); })

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <select name="optionSnoInput" class="chosen-select" onchange="goodsViewController.option_price_display(this);"> <option value="">option</option> <option value="104">A</option> <option value="105">B</option> <option value="106">C</option> <option value="107">D</option> <option value="108">count</option> </select>

Answer 2

使用selected作为默认选项。

<option value="108" selected>count</option>