一前言
今天就离职了，顺便把还没有记载下来得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" onclick="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 "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的写法让我大感郁闷啊。
三：总结
今天是我离职的日子，没有什么可以伤心的，走就走了，可能说我去了其他地方工资会比较低，但是我自己更加的看重的是学到的只是，我在这边变得堕落了，真的是太安逸了，每天改完自己的事情就没什么了，自己就在那里看新闻，自己的自控能力还是那么的菜啊。努力的往前走，往前看。
我的心很大，所以我要会一直都往前走，虽然我知道路很难走，但是我还是会走下去，需要时间来证明着一切。需要时间来沉淀，需要岁月的洗礼啊。我是一个聪明人，所以我知道自己该怎么去选择，该怎么去做决定，以后不要再怎么犹豫不决了，还是那句话，”善谋而无决非帅才也“！