一前言
今天就離職了，順便把還沒有記載下來得Js有關知識給記載下來，其實這個是lhgdialog.js中的傳值問題。就是彈出框選擇數據後加載到父頁面上，自己用html做了測試。
二：內容
html代碼
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-type" content="text/html;charset=GB2312" > 5 <title>fuzhiceshi</title> 6 <script type="text/javascript" src="jquery-1.9.1.js"></script> 7 <script type="text/javascript" src="lhgdialog.js?self=true&skin=igreen"></script> 8 9 <script type="text/javascript" src="select.js"></script> 10 <script type="text/javascript"> 11 function selectYJ(){ 12 var url="shuju.html"; 13 selectOne("選擇",url,"yj_id","select_yj",""); 14 } 15 16 </script> 17 </head> 18 <body> 19 <input type="button" value="測試" class="printbutton"> 20 <textarea name="yj" id="select_yj" rows="4" cols="50" οnclick="selectYJ()"></textarea> 21 <input type="text" id="yj_id"> 22 </body> 23 </html>
下面再給出所以所寫js的代碼select.js
1 function selectOne(title,url,Hiddenvalue_id,ShowValue,callback){ 2 $.dialog({ 3 title:title,id:"_selectOne_iframe_id",ok:function(){ 4 var result=$("input[type='radio']:checked",$.dialog.list['_selectOne_iframe_id'].content.document).attr("return_value"); 5 $.dialog.list['_selectOne_iframe_id'].close(); 6 7 if($.type(result) == 'undefined' || result == null){ 8 $.dialog.alert("請先選擇記錄"); 9 return false; 10 } 11 //賦值 12 var arrays=result.split("##"); 13 $("#"+Hiddenvalue_id).val(arrays[0]); 14 $("#"+ShowValue).val(arrays[1]); 15 16 17 if(typeof callback == "function"){ 18 callback.call(); 19 } 20 21 }, 22 23 init:function(){ 24 $("input[type='radio']",$.dialog.list["_selectOne_iframe_id"].content.document).each(function(){ 25 if($(this).attr("id") == $("#"+Hiddenvalue_id).val()){ 26 $(this).attr("checked:true"); 27 } 28 }); 29 }, 30 content:"url:"+url, 31 width:"1000px",height:"500px", 32 lock:true 33 }); 34 }
彈出窗口的html頁面
1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-type" content="text/html;charset=GB2312"> 5 6 7 </meta> 8 </head> 9 10 <body> 11 <table border="1" align="center"> 12 <tr> 13 <th>單選</th> 14 <th>序號</th> 15 <th>姓名</th> 16 <th>年齡</th> 17 <th>性別</th> 18 </tr> 19 <tr> 20 <td align="center"><input type="radio" id='001' return_value="001##AA##20##男" name="dx"></td> 21 <td align="center">001</td> 22 <td align="center">AA</td> 23 <td align="center">20</td> 24 <td align="center">男</td> 25 </tr> 26 <tr> 27 <td align="center"><input type="radio" id='002' return_value="002##BB##21##男" name="dx"></td> 28 <td align="center">002</td> 29 <td align="center">BB</td> 30 <td align="center">21</td> 31 <td align="center">男</td> 32 </tr> 33 <tr> 34 <td align="center"><input type="radio" id='003' return_value="003##CC##20##女" name="dx"></td> 35 <td align="center">003</td> 36 <td align="center">CC</td> 37 <td align="center">22</td> 38 <td align="center">女</td> 39 </tr> 40 <tr> 41 <td align="center"><input type="radio" id='004' return_value="004##DD##23##男" name="dx"></td> 42 <td align="center">004</td> 43 <td align="center">DD</td> 44 <td align="center">23</td> 45 <td align="center">男</td> 46 </tr> 47 48 </table> 49 </body> 50 </html>
說明：這裏的最重要的還是算select.js裏面的代碼，這裏面用到了lhgdialog.js的賦值方式，一個很好用的插件吧。比如
$.dialog.list['_selectOne_iframe_id'].content.document
這個就是在找彈出框id爲‘_selectOne_iframe_id’的頁面，獲取去裏面的內容。
這裏的代碼還有一點我自己是沒有弄清楚的就是下面這個
if(typeof callback == "function"){ callback.call(); }
call()方法在這裏的作用我依然不懂啊。其實我也去看過一些說明，但是這種js的寫法讓我大感鬱悶啊。
三：總結
今天是我離職的日子，沒有什麼可以傷心的，走就走了，可能說我去了其他地方工資會比較低，但是我自己更加的看重的是學到的只是，我在這邊變得墮落了，真的是太安逸了，每天改完自己的事情就沒什麼了，自己就在那裏看新聞，自己的自控能力還是那麼的菜啊。努力的往前走，往前看。
我的心很大，所以我要會一直都往前走，雖然我知道路很難走，但是我還是會走下去，需要時間來證明着一切。需要時間來沉澱，需要歲月的洗禮啊。我是一個聰明人，所以我知道自己該怎麼去選擇，該怎麼去做決定，以後不要再怎麼猶豫不決了，還是那句話，”善謀而無決非帥才也“！
