javascript - 页面加载自动选择下拉框选项

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>

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

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

所以我添加“count”选项，并使用“display:none”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>