jquery 透過select 把值給MYSQL撈資料 JSON傳值JAVASCRIPT TEXT秀出資

woff

有用過SELECTBOXES都會覺得很方便
但是本人想撈出值直接秀在TEXT欄位裡
因為很多大網站都有此功能
但是就是找不到相關資料
於是本人花了不少時間測試

INDEX.PHP

1. 
   
2. <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
   
3. <script type="text/javascript" src="selectcostomer.js"></script>
   
4. <?php
   
5. include "global.php";
   
6. $sql1 = "SELECT * FROM net_costomer WHERE fristsellid=".$row[uid];
   
7. $query1 = $db->query($sql1);
   
8. while($row_costomerselect=$db->fetch_array($query1)) {
   
9.    $sm_costomerselect[]=array("cmid"=>$row_costomerselect[cmid],"name"=>$row_costomerselect[name]);  
   
10. }
    
11. $smarty->assign("sm_costomerselect",$sm_costomerselect);
    
12. $smarty->display('index.htm');

複製代碼

先引入JQUERY jquery-1.3.2.min.js及selectcostomer.js
如果沒有jquery-1.3.2.min.js請到關網下載
global.php只是DB的基本設定

1. <?php
   
2. $mydbhost = "localhost";
   
3. $mydbuser = "";
   
4. $mydbpw = "";
   
5. $mydbname = "";
   
6. $mydbcharset = "UTF8";
   
7. $db = @mysql_connect($mydbhost,$mydbuser,$mydbpw);
   
8. if (!$db) {
   
9. exit('Unable connect MYSQL at this time');
   
10. }
    
11. if (!@mysql_select_db($mydbname)) {
    
12. exit ('Unable connect DB at this time');
    
13. }
    
14. //宣告資料庫要寫入的格式
    
15. mysql_query("SET NAMES $mydbcharset", $db);
    
16. ?>

複製代碼

1. $smarty->assign("sm_costomerselect",$sm_costomerselect);
   
2. $smarty->display('index.htm');
   

複製代碼

這兩行是SMARTY傳值到INDEX.HTM的基本方法


selectcostomer.js

1. $(document).ready(function(){
   
2. $("#select1").change(function(){
   
3. $.get(
   
4. 'selectcostomer.php',   //拋值給selectcostomer.php接收
   
5. { 'cmid': $(this).val(), 'lv': 2 },//傳出 cmid及lv LV可不需要
   
6. function(data) {
   
7. $("#name").val(data.name); //當值傳回時id="name"接收數據
   
8. $("#tel").val(data.phone);
   
9. $("#address").val(data.address);
   
10. },
    
11. 'json'
    
12. );
    
13. }).trigger('change');//當id="select1"改變時執行
    
14. });
    

複製代碼

index.htm

1. 
   
2. <table width="600" border="0" align="center" cellpadding="0" cellspacing="2">
   
3. <tr><td> </td></tr>
   
4. <tr><td colspan="2"><img src="{$NY_ROOT_PATH}/modules/shopcart/templates/images/shopcart1.jpg" /></td></tr>
   
5. <tr><td><table width="600" border="0" align="center" cellpadding="0" cellspacing="2">
   
6. <form name="form1" method="post" action="shopcart2.php" onSubmit="return chkinput(this)">
   
7. <tr><td height="30" align="right">客戶：</td><td align="left"><select id="select1" name="name"><option value="0">請選擇</option>
   
8. {section name="net" loop=$sm_costomerselect}<option value="{$sm_costomerselect[net].cmid}">{$sm_costomerselect[net].name}</option>{/section}</select></td></tr>
   
9. <tr><td width="250" height="30" align="right">收貨人姓名：</td>
   
10. <td width="350" align="left"><input type="text" name="name" size="25" id="name"></td>
    
11. </tr>
    
12. <tr><td height="30" align="right">   詳細地址：</td>
    
13. <td height="30" align="left"><input name="address" type="text" id="address"></td>
    
14. </tr>
    
15. <tr><td height="30" align="right">   郵遞區號：</td>
    
16. <td height="30" align="left"><input type="text" name="post" size="25"></td>
    
17. </tr>
    
18. <tr><td height="30" align="right">   連絡電話：</td>
    
19. <td height="30" align="left"><input type="text" name="tel" size="25" id="tel"></td>
    
20. </tr>
    
21. </table>

複製代碼

selectcostomer.php

1. <?php
   
2. 
   
3. // 資料庫設定
   
4. include_once ('config.php');
   
5. // 預設選項
   
6. $data['0'] = '請選擇';
   
7. 
   
8. // 只有在 parentId 與 levelNum 都存在的情況下，才進行資料庫的搜尋
   
9. if (0 !== (int) $_GET['cmid'] && 0 !== (int) $_GET['lv']) {
   
10. $cmid = (int)$_GET['cmid'];
    
11. $levelNum = (int) $_GET['lv'];
    
12. 
    
13. $query = sprintf("SELECT * FROM net_costomer WHERE cmid = %d" , $cmid);
    
14. 
    
15. $result = mysql_query($query);
    
16. while ($row = mysql_fetch_array($result)) {
    
17. 
    
18. // 將取得的資料放入陣列中
    
19. $data[$row['cmid']] = $row['name'];
    
20. $data[phone] = $row['phone1'];
    
21. $data[address] = $row['address1'];
    
22. echo json_encode(array('cmid'=>$row['cmid'],'name'=>$row['name'],'phone'=>$row['phone1'],'address'=>$row['address1']));  //用JSON接收
    
23. }
    
24. }
    
25. ?>

複製代碼

這樣就可以讓原本已經註冊的客戶直接把值放到TEXT裡面
就不需要再打一次了