Jquery 添加一个选项来选择

Question

我已经尝试过 stackoverflow 上回答的其他问题的解决方案，但没有一个对我有用。在表单中，我想根据用户选择的月份更新一个月的天数。

#DOBM 是月份选择列表的 ID(DOBM 代表出生月份)
#DOBD 是日期选择列表的 ID(DOBD 代表出生日期)
基本上，如果 #DOBM 的值为 01,03,05,07,08,10,12，则我们所在的月份有 31 天。

这是我的代码:

if ((($('#DOBM').val() == '01'||'03'||'05'||'07'||'08'||'10'||'12'))
&& ($("#DOBD option[value='31']").length == 0)) {
    $("#DOBD").append("<option value='31'>31</option>");}

第二行代码是查看该选项是否已存在于日期选择列表中。最后一行代码是如果我们所在的月份有 31 天并且选项 31 尚不存在，则 append 新选项(第 31 天)。

代码只是不更新​​ DOBD 选择列表。知道我做错了什么吗？

Answer 1

你的if语句是错误的。您必须将 .val() 与每个值进行比较，如下所示:

if($('#DOBM').val() == '01'||$('#DOBM').val() == '03'

编辑

您也可以选择使用 switch 语句:

$("#btn").on("click",function(){
    switch($("#DOBM").val())
    {
        case "01":
        case "03":
        case "05":
        case "07":
        case "08":
        $("#DOBD").append("<option value='31'>31</option>");
            break;
    }
});

JSFiddle:http://jsfiddle.net/dRJHh/

使用数组，按照 @sberry 建议:

var vals = ['01','03', '05', '07', '08'];
$("#btn").on("click",function(){

    if(jQuery.inArray($("#DOBM").val(),vals) > -1)
    {
         $("#DOBD").append("<option value='31'>31</option>");
    }
});

jsFiddle:http://jsfiddle.net/yhcDa/