佳礼资讯网

 找回密码
 注册

ADVERTISEMENT

查看: 1530|回复: 10

php 要如何onclick时把value return 进text field!

[复制链接]
发表于 20-7-2009 10:23 PM | 显示全部楼层 |阅读模式
如题要如何呢!
例如
我把mouse click 在 aaa 时就会把它放进text field 哩!!
回复

使用道具 举报


ADVERTISEMENT

发表于 20-7-2009 10:39 PM | 显示全部楼层
用javascript
我通常是用 document.getElementById('yourtextfieldId').value= "aaa";
注意大小写
然后你的textfield一定要有id
  1. <input type="text" name="text1" id="yourtextfieldId" />
复制代码
如果你的value要從database realtime 拿的話
你就要用ajax了, jQuery 是個不錯的ajax Library
回复

使用道具 举报

 楼主| 发表于 20-7-2009 10:52 PM | 显示全部楼层
原帖由 銀月游俠 于 20-7-2009 10:39 PM 发表
用javascript
我通常是用 document.getElementById('yourtextfieldId').value= "aaa";
注意大小写
然后你的textfield一定要有id如果你的value要從database realtime 拿的話
你就要用ajax了, jQuery 是個不錯的aj ...


我的value是从database select 出来的然后把它放进table!
我想要的是user click row 的value时就放进text field里咯
回复

使用道具 举报

发表于 20-7-2009 11:10 PM | 显示全部楼层
例如你有一個tbl_student
裡面有fullname and gender
你在load data的時候就要把那些value都set好了
如果你覺得code長的話
可以把
  1. document.getElementById('fullname').value ='<?= $data["name"]?>'; document.getElementById('gender').value='<?= $data["gender"]?>';
复制代码
寫成一個function


Sample code
  1. <table border="0">
  2.     <tr>
  3.         <th>Fullname</th>
  4.         <th>Gender</th>
  5.     </tr>
  6. <?

  7. $rs= mysql_query("SELECT * FROM tbl_student");
  8. while($data = mysql_fetch_assoc($rs))
  9. {
  10. ?>
  11.     <tr onclick="document.getElementById('fullname').value ='<?= $data["name"]?>'; document.getElementById('gender').value='<?= $data["gender"]?>'">
  12.                    <td><?= $data["fullname"]?></td>
  13.         <td><?= $data["gender"]?></td>
  14.     </tr>
  15. <?
  16. }

  17. ?>
  18. </table>
  19. <form>
  20.         <input type="text" name="fullname" id="fullname">
  21.         <input type="text" name="gender" id="gender" />
  22. </form>
复制代码
回复

使用道具 举报

发表于 20-7-2009 11:12 PM | 显示全部楼层
generate出來的code大概會是這個樣子的
  1. <table border="0">
  2.     <tr>
  3.         <th>Fullname</th>
  4.         <th>Gender</th>
  5.     </tr>

  6.     <tr onclick="document.getElementById('fullname').value ='student1'; document.getElementById('gender').value='Male'">
  7.                    <td>Student1</td>
  8.         <td>Male</td>
  9.     </tr>
  10.    
  11.     <tr onclick="document.getElementById('fullname').value ='student2'; document.getElementById('gender').value='Female'">

  12.                    <td>Student2</td>
  13.         <td>Female</td>
  14.     </tr>

  15. </table>
  16. <form>
  17.         <input type="text" name="fullname" id="fullname">
  18.         <input type="text" name="gender" id="gender" />
  19. </form>
复制代码
回复

使用道具 举报

 楼主| 发表于 20-7-2009 11:25 PM | 显示全部楼层
銀月游俠谢你噢,我明天try看!!
回复

使用道具 举报

Follow Us
发表于 20-7-2009 11:33 PM | 显示全部楼层
基本上我給的第2個code你可以直接copy paste 進notepad ,然後save as html就可以run了

你也可以在td set onclick
  1. <table border="0">
  2.     <tr>
  3.         <th>Fullname</th>
  4.         <th>Gender</th>
  5.     </tr>
  6.         <tr>
  7.                 <td onclick="document.getElementById('fullname').value ='Student1'">Student1</td>
  8.         <td onclick="document.getElementById('gender').value='Male'">Male</td>
  9.     </tr>
  10.    
  11.     <tr>
  12.                 <td onclick="document.getElementById('fullname').value ='Student2'">Student2</td>
  13.         <td onclick="document.getElementById('gender').value='Female'">Female</td>
  14.     </tr>

  15. </table>







  16. <form>
  17.         <input type="text" name="fullname" id="fullname">
  18.         <input type="text" name="gender" id="gender" />
  19. </form>
复制代码
舉手之勞
不必客氣
共勉之
回复

使用道具 举报

 楼主| 发表于 22-7-2009 08:16 PM | 显示全部楼层
我想问问,如果是不同page呢!要怎样???
回复

使用道具 举报


ADVERTISEMENT

发表于 23-7-2009 12:22 AM | 显示全部楼层
不同page的話你也可以用同樣的方法
但是你的input type必須set成hidden,讓user看不到他
然後再 post/get 去另外一個page囉

大致上大概是這樣
不過我不清楚你真正想做什麼
所以不能給太多意見
回复

使用道具 举报

 楼主| 发表于 23-7-2009 08:13 PM | 显示全部楼层
原帖由 銀月游俠 于 23-7-2009 12:22 AM 发表
不同page的話你也可以用同樣的方法
但是你的input type必須set成hidden,讓user看不到他
然後再 post/get 去另外一個page囉

大致上大概是這樣
不過我不清楚你真正想做什麼
所以不能給太多意見



我要做的是从child window return 去 parent window 的!!
拿你的example好了
那个table是在child window 的,当我click student1 时就会把student1 return 到 parent window 和自动close咯!
回复

使用道具 举报

发表于 14-10-2009 08:33 AM | 显示全部楼层
echo "<a href='child.php?item=item1'>item1</a>";
if (isset($_GET['item'])){
        $item = $_GET['item'];
        echo "<script langauge='javascript'>";
        echo "opener.document.parent.ITEM.value = '$item';";
        echo "opener.document.parent.ITEM.focus();";
        echo "self.close();";
        echo "</script>";
}
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

 

ADVERTISEMENT



ADVERTISEMENT



ADVERTISEMENT

ADVERTISEMENT


版权所有 © 1996-2023 Cari Internet Sdn Bhd (483575-W)|IPSERVERONE 提供云主机|广告刊登|关于我们|私隐权|免控|投诉|联络|脸书|佳礼资讯网

GMT+8, 5-12-2025 07:40 PM , Processed in 0.134849 second(s), 24 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2021, Tencent Cloud.

快速回复 返回顶部 返回列表