JS怎么动态添加与删除select中的多条Option对象

Posted 2023-05-10

参考技术A $('#acluser_find_form_marketid').bind('change',function(value)
MarketMangeAction.returnSmsMarket(this.value,function(data)
dwr.util.removeAllOptions("acluser_find_form_smstitle");
dwr.util.addOptions("acluser_find_form_smstitle", [id : '',title : '--全部--'], 'id', 'title');
dwr.util.addOptions("acluser_find_form_smstitle", data, 'id', 'title');
);
);

JS 通过系统时间限定 动态添加 select option

虽然是个简单的效果，还是需要积累一下，记录一下；

在八月一号之后，删除最后一项，新添加2016级

— — 2015级 2014级 2013级 2012级

在六月一号之后，删除最后一项，新添加2016级

— — 2016级 2015级 2014级 2013级          

源代码：

<select id="myselect1">
    <option value="">— —</option>
    <option value="2015级">2015级</option>
    <option value="2014级">2014级</option>
    <option value="2013级">2013级</option>
    <option value="2012级">2012级</option>
</select><br><br>

<select id="myselect2">
    <option value="">— —</option>
    <option value="2015级">2015级</option>
    <option value="2014级">2014级</option>
    <option value="2013级">2013级</option>
    <option value="2012级">2012级</option>
</select>

    var time = new Date();

    var month=time.getMonth()+1;

    var day=time.getDay();

    if(month>5&&day>1){
        var objSelect=document.getElementById("myselect2");
        objSelect.options.add(new Option("2016级", "2016级"),1);
        objSelect.options.remove(5);
    }
    if(month>7&&day>1){
        var objSelect=document.getElementById("myselect1");
        objSelect.options.add(new Option("2016级", "2016级"),1);
        objSelect.options.remove(5);
    }