Question

下面的

是我的jsf代码，当我在没有h：form标签的情况下编写时，它正在工作。但如果我在h：form标签内写，它不工作。我希望它与表单标签一起使用。请告诉我该怎么做。

<script>
function changeColor(){
    document.getElementById('btn1').style.background='red';
        }
</script>
<script>
function changeColor1(){
    document.getElementById('btn1').style.background='green';   
    }
</script>  
  <p:commandButton value="SYS01" id="btn1" style="background-color:green"/>
  <p:commandButton value="login" id="btn2"  onclick="changeColor()" />
  <p:commandButton id="btn3" value="logout" onclick="changeColor1()" />

上面的代码正在运行。如果我写下面不能正常工作。

 <head>
  <script>
    function changeColor(){
        document.getElementById('btn1').style.background='red';
            }
    </script>
    <script>
    function changeColor1(){
        document.getElementById('btn1').style.background='green';   
        }
    </script>
</head>
<h:form>  
      <p:commandButton value="SYS01" id="btn1" style="background-color:green"/>
      <p:commandButton value="login" id="btn2"  onclick="changeColor()" />
      <p:commandButton id="btn3" value="logout" onclick="changeColor1()" />
<h:form>

每次onclick时，<h：form>标签内的<p：commandbutton>的颜色变化

0 个答案: