如何使用JQuery在asp.net列表框中选择项目

时间:2014-04-10 09:31:07

标签: jquery asp.net

我使用followig jquery脚本在asp.net列表框中添加日期并且它工作正常,但我想选择最后添加的项目并取消选择其他项目。我尝试过使用

$("#lstVisitDates option[value='" + svc + "']").attr("selected", "selected");

但它正在选择列表框中的所有项目。

jQuery脚本

function AddDate() {
var txt = $("span[id$=spVisitDates] input[type=text]"); 
var svc = $(txt).val()   
var lst = $('#lstVisitDates');
var options = $('#lstVisitDates option'); 
var alreadyExist = false;
$(options).each(function () {
    if ($(this).val() == svc) {
        alert("Item alread exists");
        alreadyExist = true;
        return;
    }
});
if (!alreadyExist)
    $(lst).append('<option value="' + svc + '">' + svc + '</option>');
    $("#lstVisitDates option[value='" + svc + "']").attr("selected", "selected");
return false; 

}

1 个答案:

答案 0 :(得分:0)

尝试使用val()直接设置值,如下所示:这更简单

if (!alreadyExist)
    $(lst).append('<option value="' + svc + '">' + svc + '</option>');
    $("#lstVisitDates").val(svc);
return false; 

}

参见演示:

JS小提琴 Click Here