onclick的文本框问题@

时间:2011-02-02 07:46:09

标签: php javascript

我只是试图在数据库的客户端显示一个表作为每列的不同值。在这里,我通过使用“select distinct ....”代码获取值,并将此值放在单个文本框中

这是代码......

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>


<script type="text/javascript">
function onClick()
 {
   alert(document.form.thirdparty.value);

  }
</script>




</head>

<body>
<p>&nbsp;</p>
<form name="form" method="get" >

 <?php 
$con=mysql_connect('localhost','root','');
mysql_select_db('database',$con);
$res = mysql_query("SELECT count(*) as count FROM tablename") or die(mysql_error());
while ($row = mysql_fetch_array($res)) {
$val=$row['count'];

} ?> 


 <input name="fino" type="text" id="fino" size="5" value="<?php echo $val." docs" ?>" style="border-style:hidden; color:#0083fa;" />


<table width="1474" height="270" border="0" >
  <tr>
    <td width="180" height="41">




          <input name="Item" type="DocumentType" id="textfield5" value="        Item"size="30" />    </td>
    <td width="180" height="41">


         <label>
    <td width="180" height="41">    <input type="text" name="textfield8" id="textfield8" style="visibility:hidden" /></td>
        </label>


      <label>
       <td width="180" height="41"> <input type="text" name="textfield9" id="textfield9" style="visibility:hidden"/></td>
        </label>





    </td>
  </tr>
  <tr>
     <td>

<?php
$a=mysql_query("select distinct language from tablename");
$c=0;
$i=1;
$x=1;
while($row = mysql_fetch_array($a))
{
$b=$row['language'];
$i=$b;
$d=mysql_query("select count(*) as count from tablename where language='$i' ");
while ($row = mysql_fetch_array($d)) {
$e=$row['count'];
$cal=round(($e/$val)*100);


}
?>


 //in this textbox am using onclick function

      <input type="text"  size="30" style="height:<?php echo $cal.px?>"value="<?php echo "$i"."&nbsp;"."&nbsp;"."&nbsp;"."$e"." docs" ?>"name="language" id="textfield"onClick="onClick();" />

      <?php 
$i++;
$c++;
}
?> </td>
<td> 
<?php 
$con=mysql_connect('localhost','root','');
mysql_select_db('database',$con);
$a1=mysql_query("select distinct Subject from tablename");
$c1=0;
$i1=1;
while($row = mysql_fetch_array($a1))
{
$b1=$row['Subject'];
$i1=$b1;
$d1=mysql_query("select count(*) as count from tablename where Subject='$i1' ");
while ($row = mysql_fetch_array($d1)) {
$e1=$row['count'];
$cal1=round(($e1/$val)*100);
}
?>



        <input type="text" size="30" style="height:<?php echo $cal1.px?>" value="<?php echo "$i1"."&nbsp;"."&nbsp;"."&nbsp;"."$e1"." docs" ?>"name="item" id="textfield2" />
 <?php 
$i++;
$c++;
}
?>    </td>
    <td>


      <label>
       <td> <input type="text" name="textfield12" id="textfield12" style="visibility:hidden" /></td>
        </label>

      <label>
       <td> <input type="text" name="textfield13" id="textfield13" style="visibility:hidden" /></td>
        </label>

      <label>
       <td> <input type="text" name="textfield14" id="textfield14" style="visibility:hidden" /></td>
        </label>


      <label>
       <td> <input type="text" name="textfield15" id="textfield15" style="visibility:hidden" /> </td>
        </label>
    </form>
    </td>
  </tr>
</table>

  <blockquote>
   <p align="center">&nbsp;</p>
 </blockquote>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

编辑:

以下是一个示例,其中文本框的值显示在警告框中。 正如其他人所说,如果不看代码,就不能提出除此之外的任何建议。

实施例

<input type = 'text' id = 'myTextBox' onclick='alert(this.value)' />

答案 1 :(得分:0)

首先不要调用您的函数onclick更好的名称类似于LanguageClick

其次,不要给所有元素提供相同的id ..如果你没有真正使用它只是省略ID它不会破坏任何东西。

第三,正确的事件是onfocus,因为用户可以通过按Tab键到达文本框,这不会触发点击事件。

代码看起来像这样:

<input type="text" size="30" style="height:<?php echo $cal.px?>;" value="<?php echo "$i"."&nbsp;"."&nbsp;"."&nbsp;"."$e"." docs" ?>" name="language" onfocus="LanguageClick(this);" />

JavaScript代码:

function LanguageClick(oTextbox) {
  var sValue = oTextbox.value;
  alert("You wrote: " + sValue);
}

当您将this传递给该函数时,您已引用textbox元素,并且您可以阅读其value属性。