使用javascript选择jQuery CSS类型下拉列表

最近，我开始写一个脚本来自动填写一些电子表单。我在如何选择jQuery+CSS类型的dropdownlist上遇到了麻烦

下拉列表如下所示：

HTML:

这是我的测试脚本，但不起作用

$("DropDownList ul li.selected").removeClass("selected");
$("DropDownList ul li[data-val=1]").addClass("selected");

参考：

非常感谢。

试试下面的jquery

而不是

$("DropDownList ul li.selected").removeClass("selected"); //Css class not available in your css
$("DropDownList ul li[data-val=1]").addClass("selected");

改变

$(document).ready(function() {
  $(".DropDownListHeader").empty();
  $(".DropDownListHeader").append("<span data-val='1'>Lorem ipsum 1</span><div class='arrow-bottom' style='border-top-color: rgb(255, 255, 255);'></div>");
});

$（文档）.ready（函数（）{
$（“.dropDownlowsHeader”）.empty（）；
$（“.dropDownlowsHeader”）.append（“Lorem ipsum 1”）；
});

在

removeClass（）

和

addClass（）

行中，是

DropdownList

而不是

#DropdownList

或

。在css中，“selected”类不可用。
$("DropDownList ul li.selected").removeClass("selected");
$("DropDownList ul li[data-val=1]").addClass("selected");

$("DropDownList ul li.selected").removeClass("selected"); //Css class not available in your css
$("DropDownList ul li[data-val=1]").addClass("selected");

$(document).ready(function() {
  $(".DropDownListHeader").empty();
  $(".DropDownListHeader").append("<span data-val='1'>Lorem ipsum 1</span><div class='arrow-bottom' style='border-top-color: rgb(255, 255, 255);'></div>");
});