使用JavaScript选择列表的边框颜色

Question

我使用oracle apex作为设计屏幕的前端并使用java脚本进行验证。

创建了一个名为select list的项目。当选择列表为空时，它必须用颜色突出显示边界。下面是我用来为选择列表上色的功能，但这不起作用需要专家建议修复

<script>
function formvalidation()
{
     //Select List Item 
      var f1 = $x('P1_COUNTRY');
      if( f1.value == "" )
      {
         f1.style.borderColor = "red";
         f1.focus();
         return false;
      }
}   
</script>

在onblur="formvalidation()";事件

上调用上述功能

Answer 1

问题可能是您没有为边框设置宽度。你告诉它有一个红色的边框，但没有任何宽度。您还可以从处理程序传递对select元素的引用。

onblur="formvalidation(this)";

// 'this' is the element receiving the blur event
function formvalidation(this)
{
      if( this.value == "" )
      {
         this.style.border = "1px solid red";
         this.focus();
         return false;
      }
}