传递下拉列表ID至函数获取选中值时遇语法错误求解决

你的报错根源是把jQuery对象当成字符串来拼接选择器了：elementId是通过$("#" + dropDownListId)得到的jQuery对象，不是字符串ID，所以elementId + " option:selected"会被转成[object Object] option:selected，这显然是无效的CSS选择器，导致语法错误。

下面是修正后的完整代码，我会标注关键修改点：

function ValidateDropDownListEmpty(dropDownListId) {
    // 1. 保留jQuery对象，用$前缀区分普通变量（约定俗成写法）
    var $select = $("#" + dropDownListId);
    // 2. 获取选中值：select元素的.val()直接返回选中option的值，无需额外查找option:selected
    var selectedValue = $select.val();

    // 3. 获取关联label文本：直接用已有的jQuery对象调用DOM遍历方法，无需重复包裹$()
    var labelText = $select.parent().closest("label.dropdownLabel").text();

    if (!selectedValue) {
        swal({
            title: "Error!!!",
            text: "Make Choice " + labelText + "!!!",
            showCancelButton: false,
            showConfirmButton: true,
            confirmButtonText: 'Ok',
            dangerMode: true
        }).then(function () {
            // 4. 直接用jQuery对象调用.focus()，无需重复包裹
            $select.focus();
        });
        
        return false;
    }

    return true;
};

关键修改说明： #

• 变量名改为$select：用$前缀标记这是jQuery对象，避免和字符串ID混淆。
• 简化选中值获取：$select.val()直接返回下拉框选中项的值，比手动查找option:selected更简洁高效。如果一定要手动查找选中项，可改用$select.find("option:selected").val()（jQuery对象的find()方法用于在当前元素内部查找子元素）。
• 优化label文本获取：直接用已有的jQuery对象调用DOM遍历方法，无需重复用$()包裹。
• 简化聚焦操作：直接调用$select.focus()，无需重复包裹jQuery对象。

另外补充一个小建议：如果你的label是通过for属性和下拉框关联的（比如<label for="dropdownId" class="dropdownLabel">...</label>），可以用更可靠的方式获取label文本：

var labelText = $("label[for='" + dropDownListId + "'].dropdownLabel").text();

这种方式不依赖DOM层级结构，只要label的for属性和下拉框ID匹配就能找到，兼容性更强。

内容的提问来源于stack exchange，提问作者user3782230