代码之家 › 专栏 › 技术社区 › DForck42

Javascript不会在php页面上运行

html javascript php

DForck42 · 技术社区 · 15 年前

我有一个php页面和一些javascript代码,可以运行一些字段的总数。我很好地复制了一个正在运行的测试,并对代码进行了一些修改。嗯,它不起作用,我似乎也不能起作用。是否有明显的东西我遗漏了,或者有其他原因导致它没有运行?

 <?php

 //server connection info

 ?>
 <html>
 <head>
 <title>Survey</title>
 <link rel="stylesheet" type="text/css" href="styles.css" />

       <script type="text/javascript">
           function Total()
           {

               var a=document.getElementById("a").value;
               var b=document.getElementById("b").value;
               var c=document.getElementById("c").value;
               var d=document.getElementById("d").value;

               a=parseInt(a);
               b=parseInt(b);
               c=parseInt(c);      

               var total=a+b+c;



               document.getElementById("total").value=total;


           }


       </script>


 </head>


 <body>
 <h1>QUALITY OF LABOR SURVEY</h1>
 <p />
 <h2>ABOUT YOUR COMPANY</h2>


 <div class="Wrapper">

     <form id="Main" method="post" action="Process.php">

         <div class="Question">
              1. In what state and county is your business located? (click below)
         </div>
         <div class='answer'>
         <?php
             $tsql = "select
                StateCountyID,
                State,
                County
                from dbo.StateCounty
                where State='MO'
                      and Active='True'
                order by State";

             $tsql2 = "select
                StateCountyID,
                State,
                County
                from dbo.StateCounty
                where State='IL'
                      and Active='True'
                order by State";


             /* Execute the query. */
             $stmt = sqlsrv_query( $conn, $tsql);
             if ( $stmt )
             {

                 echo "<span><select name='ListMO'>";
                 echo "<option value='0'>MO-County</option>";

                 while( $row = sqlsrv_fetch_array( $stmt, SQLSRV_FETCH_NUMERIC))
                 {

                     echo "<option value='".$row[0]."'>";
                     echo $row[2];
                     echo "</option>";

                 }

                 echo "</select></span>";

             }
             else
             {
                  echo "Error in statement execution.\n";
                  die( print_r( sqlsrv_errors(), true));
             }


             $stmt2 = sqlsrv_query( $conn, $tsql2);
             if ( $stmt2 )
             {

                 echo "<span><select name='ListIL'>";
                 echo "<option value='0'>IL-County</option>";

                 while( $row = sqlsrv_fetch_array( $stmt2, SQLSRV_FETCH_NUMERIC))
                 {
                     echo "<option value='".$row[0]."'>";
                     echo $row[2];
                     echo "</option>";

                 }

                 echo "</select></span>";

             }
             else
             {
                 echo "Error in statement execution.\n";
                 die( print_r( sqlsrv_errors(), true));
             }
        ?>
           </div>



         <table width="700px">
           <tr>
             <td style="font-size: 1.2em; font-weight: bold;">
                 ABOUT YOUR EMPLOYMENT
             </td>
             <td style="font-weight: bold;">
                 (Exclude Temporary Employees Throughout Survey)

             </td>
           </tr>

         </table>

         <p />
         <b>Please estimate the following:</b>







         <p />




         <div class="Question">
              4. Number of Full-Time Hourly Employees (Eligible for Full-Time Benefits)
         </div>

         <div class="Answer">
              <input type="text" id="a" value="0" onchange="Total();" />
         </div>

         <div class="Question">
              5. Number of Part-Time Hourly Employees(Not Eligible for Full-Time Benefits)
         </div>

         <div class="Answer">
              <input type="text" id="b" value="0" onchange="Total();" />
         </div>

         <div class="Question">
              6. Salaried Employees
         </div>

         <div class="Answer">
              <input type="text" id="c" value="0" onchange="Total();" />
         </div>





         <div class="Question">
              7. Is this your current number of employees?  If not, change responses to 4, 5, and 6.
         </div>

         <div class="Answer">
              <input type="text" id="total" value="0" onchange="Total();" />
         </div>

5 回复 | 直到 15 年前

SilentGhost 15 年前

var d=document.getElementById("d").value;

产生错误,因为您似乎没有包含的元素 id="d"

Community Mr_and_Mrs_D 4 年前

我也想给一些建议,以改善您的代码。

调试javascript

https://addons.mozilla.org/en-US/firefox/addon/1843

写Javascript

将javascript放在单独的文件中,例如:myjavascript.js,并从html页面中包含该文件。这将减少页面的重量,并使代码分离更加清晰。
使用javascript框架帮助您生成更好的javascript,例如jquery或yui(Yahoo!用户界面库)。

http://jquery.com/
http://developer.yahoo.com/yui/

通过将PHP放在单独的文件中并包含它,可以更好地分离PHP/HTML。例如:

http://toys.lerdorf.com/archives/38-The-no-framework-PHP-MVC-framework.html/

Ólafur Waage 15 年前

有几件事需要检查。

您是否确认在单独的文件中时,确切的代码可以工作

您还应该在Firefox中使用调试器,甚至可以找到类似的工具 Firebug 对于Firefox。这对发现类似问题很有帮助。

Evert 15 年前

我也强烈推荐使用 Firebug

Macros 15 年前

var d=document.getElementById("d").value;

它应该很好用