如何在CSS或Javascript中定位选定的属性(在HTML选项中）

How to target selected attribute(in HTML option) in CSS or Javascript

本文关键字：属性 HTML 选项 定位 CSS Javascript      更新时间：2023-09-26
<select name="cat1" class="form-control input-lg">
        <option value="">All Businesses</option>
        <option value="78">Deals</option>
        <option value="46">Delivery</option>
        <option value="45">Dispensary</option>
        <option value="47">Doctor</option>              
</select>

我知道您可以简单地将 selected="selected" 添加到 any 选项中，使其在下拉列表中默认。目前，"所有业务"选项是默认显示的选项。我希望药房选项显示为默认值

<select name="cat1" class="form-control input-lg">
        <option value="">All Businesses</option>
        <option selected="selected" value="45">Dispensary</option>
        <option value="46">Delivery</option>
        <option value="47">Doctor</option>  
        <option value="78">Deals</option>           
</select>

所以基本上我希望实现这一点，但我无法编辑 HTML 代码。有没有办法在不接触 HTML 的情况下实现它？

$('select[name="cat1"] > option[value="45"]').attr('selected','selected');

此 jQuery 代码将选择该选项元素并将该属性添加到其中。

相关文章：