jQuery：根据循环变量设置下拉框选中项

云原生阿岚

2026-7-21

实现方法

你可以通过判断time_rate_default的布尔值，动态为对应选项添加选中属性，以下是两种推荐的实现方式：

方式一：字符串拼接动态生成属性

jQuery.each(time_rates_for_select, function(index, value){
    // 声明局部变量，避免全局污染
    var id = value[0];
    var rate = value[1];
    var name = value[2];
    var time_rate_default = value[3]; // true or false
    
    // 根据状态生成selected属性字符串
    var selectedAttr = time_rate_default ? 'selected="selected"' : '';
    $("#time-rate-select").append('<option value="'+ id +'" '+ selectedAttr +'>' + rate + ' - ' + name + '</option>');
});

方式二：jQuery DOM元素创建（更安全规范）

这种方式避免了HTML字符串拼接的潜在语法问题，可读性和可维护性更强：

jQuery.each(time_rates_for_select, function(index, value){
    const id = value[0];
    const rate = value[1];
    const name = value[2];
    const time_rate_default = value[3];

    // 创建option元素并设置值和文本
    const option = $("<option>")
        .val(id)
        .text(`${rate} - ${name}`);
    
    // 若为默认项则设置选中状态
    if (time_rate_default) {
        option.prop("selected", true);
    }
    
    $("#time-rate-select").append(option);
});