如何在CSS或Javascript中定位所选属性（在HTML选项中）

Question

<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选项中，使其在下拉列表中保持默认状态。目前，“所有业务”选项是显示的默认选项。我希望Dispensary选项显示为默认值

<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的情况下实现它？

Answer 1

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

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