add_place_xu2.jsp 3.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
  2. <link rel="stylesheet" href="../demo/jquery-labelauty.css"><!-- 漂亮多选框 -->
  3. <style>
  4. * { margin: 0; padding: 0;}
  5. .keyword { display: block; width: 250px; margin: 10px auto; padding: 5px; border: 1px solid #ccc;}
  6. .jq22 { width: 100%; margin: 0 auto; font-size: 0;}
  7. .filtr-item { display: inline-block; padding: 5px;}
  8. input.labelauty + label { font: 12px "Microsoft Yahei";}
  9. </style>
  10. <input id="pla" type="hidden" name="place" value="">
  11. <input class="keyword" placeholder="请输入关键字查询" data-search>
  12. <div id="jq22" class="jq22">
  13. <!-- <div class="filtr-item" data-category="10"><input class="techmology_name" type="checkbox" name="techmology_name" value="3" data-labelauty="JavaScript"></div>
  14. <div class="filtr-item" data-category="10"><input class="techmology_name" type="checkbox" name="techmology_name" data-labelauty="搭讪"></div>
  15. <div class="filtr-item" data-category="10"><input class="techmology_name" type="checkbox" name="techmology_name" data-labelauty="上领"></div>
  16. <div class="filtr-item" data-category="10"><input class="techmology_name" type="checkbox" name="techmology_name" data-labelauty="JAVA"></div>
  17. <div class="filtr-item" data-category="10"><input class="techmology_name" type="checkbox" name="techmology_name" data-labelauty=".NET"></div>
  18. <div class="filtr-item" data-category="10"><input class="techmology_name" type="checkbox" name="techmology_name" data-labelauty=".NET"></div>
  19. <div class="filtr-item" data-category="10"><input class="techmology_name" type="checkbox" name="techmology_name" data-labelauty=".NET"></div>
  20. <div class="filtr-item" data-category="10"><input class="techmology_name" type="checkbox" name="techmology_name" data-labelauty=".NET"></div> -->
  21. </div>
  22. <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
  23. <script src="js/jquery.filterizr.js"></script>
  24. <script src="../demo/jquery-labelauty.js"></script><!-- 漂亮多选框 -->
  25. <script>
  26. $(function() {
  27. var pla=window.place;
  28. $(function () {
  29. //var demo = makePy("平");//获取中文首字母
  30. //隐藏文本框录入订单号
  31. $("#pla").val(pla);
  32. var daima="";
  33. /* $(':input').labelauty(); */
  34. $.ajax({
  35. url:'teList.action?biao=1',
  36. dataType:'json',
  37. success:function(data){
  38. for(var i=0;i<data.length;i++){
  39. var techmology = data[i];
  40. daima+="<div class=\"filtr-item\" data-category=\"10\"><input class=\"techmology_name\" type=\"checkbox\" name=\"techmology_name\" value=\""+techmology.name+"\" data-labelauty=\""+techmology.name+"\"></div>";
  41. //daima+="<li style=\"margin: 10px 3px;\"><input class=\"techmology_name\" type=\"checkbox\" name=\"techmology_name\" value=\""+techmology.name+"\" data-labelauty=\""+techmology.name+"\"></li>";
  42. }
  43. document.getElementById("jq22").innerHTML=daima;
  44. $('.techmology_name').labelauty();
  45. $('.jq22').filterizr();
  46. }
  47. });
  48. /* $('.techmology_name').labelauty(); */
  49. });
  50. //$('.techmology_name').labelauty();
  51. });
  52. </script>