如何在Oracle Apex 20.2的PL/SQL过程中正确传递PL/SQL变量值至JavaScript函数

兄弟，我一眼就看出你代码里的问题了——你在拼接JavaScript代码的时候，没把PL/SQL变量l_id的实际值插入到JS代码里，反而把PL/SQL的拼接语法||l_id||当成了普通字符串输出，导致JS看到的是字面量'||l_id||'，自然读不到变量值。咱们来一步步解决：

1. 直接修正PL/SQL字符串拼接（快速修复） #

你需要把PL/SQL变量l_id和JS代码的字符串部分正确拼接，让PL/SQL在输出HTML时自动替换变量值：

情况1：l_id是数字类型 #

如果l_id是数字（比如选项的索引值），直接拼接即可，不需要加引号：

htp.p('<script> function showme(){ var s = document.form1.select1; var h = document.form1.input1; if( s.selectedIndex == ' || l_id || ' ) { h.style.visibility="visible"; }else{ h.style.visibility="hidden"; }} </script>');

这里的' || l_id || '会让PL/SQL把变量的实际数值插入到JS代码中，最终输出的JS里会是类似if( s.selectedIndex == 3 )这样的代码。

情况2：l_id是字符串类型 #

如果l_id是字符串，必须给变量值加上引号，同时要注意转义特殊字符（比如引号、反斜杠），避免JS语法错误：

htp.p('<script> function showme(){ var s = document.form1.select1; var h = document.form1.input1; if( s.selectedIndex == "' || apex_escape.javascript(l_id) || '" ) { h.style.visibility="visible"; }else{ h.style.visibility="hidden"; }} </script>');

这里用apex_escape.javascript()来转义变量中的特殊字符，防止XSS攻击和语法错误，这在Oracle Apex里是推荐的做法。

2. 更优雅的方式：用HTML Data属性传递变量（推荐） #

直接拼接变量到JS代码里虽然快，但如果变量复杂或者有特殊字符，容易出问题。更好的做法是把PL/SQL变量值存储在HTML元素的data-*属性中，然后JS通过读取这个属性来获取值：

步骤1：修改HTML元素添加Data属性 #

比如在你的<select>标签里加上data-target-id属性，把l_id的值传进去：

htp.p('<select name="select1" onchange="showme(this)" data-target-id="' || htf.escape_sc(l_id) || '">' || c_crlf);

用htf.escape_sc()转义属性值，避免HTML语法错误。

步骤2：修改JavaScript函数读取Data属性 #

修改showme函数，通过传入的元素读取data-target-id的值：

function showme(selectElement) {
  // 从data属性获取PL/SQL传递过来的l_id值
  const targetId = selectElement.dataset.targetId;
  const h = document.form1.input1;
  
  if (selectElement.selectedIndex == targetId) {
    h.style.visibility = "visible";
  } else {
    h.style.visibility = "hidden";
  }
}

这种方式更灵活，也更安全，避免了直接拼接变量到JS代码里的各种坑。

关键提醒 #

不管用哪种方式，只要涉及到把PL/SQL变量输出到HTML或JS中，一定要用Oracle Apex提供的转义函数（比如apex_escape.javascript()、htf.escape_sc()）处理变量值，防止特殊字符导致的语法错误和XSS安全问题。

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