背景介紹: php
須要實現的功能是:在下拉框中選擇分類,提交到PHP根據選擇的分類返回該分類下的成員名稱,返回值各成員姓名以換行的形式顯示到textarea中。 html
html代碼: post
<form action="setduty.php?action=add" method="post" name="setForm" id="setForm"> <p> <label>類型:</label> <select name="type" id="typeduty"> <option value="-1">選擇類型</option> <option value="1">值班首長</option> <option value="2">值班處長</option> <option value="3">值班員</option> </select> </p> <p class="opertext"> <label>成員:</label> <textarea name="names" id="names" cols="30" rows="10"></textarea> </p>
JQuery 代碼: code
$(document).ready(function(){ $("#typeduty").change(function(){ var type = $("#typeduty").val(); $.post("setduty_do.php", { 'cid' : type, },function(data,status){ newData = data.replace(/\r\n/g,''); $("#names").html(newData); }); }); });PHP代碼:
if($type){ switch($type){ case "1": $arrs = getChiefList(); break; case "2": $arrs = getDirectList(); break; case "3": $arrs = getAttendantList(); break; default: break; } $arr_names = ""; foreach($arrs as $arr){ if(strlen($arr[1])>2){ $arr_names.= $arr[1]."\n"; } } echo $arr_names; }
php代碼中返回的值直接帶有換行「\n」,textarea 中IE和FF的換行符號都是 "\n",jQuery 的處理返回值中注意,使用 orm
newData = data.replace(/\r\n/g,'');處理返回的結果,用於去除最開始的換行符號,Ajax返回的值中,都自動帶有一個換行。這是Ajax自己帶有的。