Oracle APEX中如何用JavaScript将select list重置为空白状态

你原有代码存在3个影响运行的问题：

• if条件判断缺少括号包裹，不符合JavaScript语法规范，会直接抛出语法错误
• alert.message不是浏览器或APEX提供的合法弹窗方法，无法正常触发提示
• 自行操作DOM赋值的方式会破坏APEX内部的组件状态同步，容易出现显示值和实际提交值不一致、关联联动逻辑不触发的问题

正确实现代码 #

直接使用APEX官方提供的Item API操作选择列表即可，给setValue传入空字符串就能重置为无选中的空白初始状态，代码如下：

// 绑定在按钮上的点击事件逻辑
const selectList = apex.item('P1_DROPDOWN');
if (selectList.getValue() === 'A') {
    alert('A value is selected');
} else {
    // 传入空字符串即可重置为无选中的初始空白状态
    selectList.setValue('');
}

注意事项 #

• 优先使用apex.item(页面项名称)获取组件实例操作，不要直接通过jQuery选择DOM元素取值赋值，避免组件状态不同步
• 只要你在选择列表配置中开启了空值选项（默认显示“请选择”类提示的空白选项），上述代码会自动选中该空选项，和页面初始加载的空白状态完全一致
• 不要直接用jQuery的.val('')方法赋值，该方式不会触发APEX组件绑定的变更事件，依赖该选择列表值的动态动作、联动逻辑会无法正常触发

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