ui-select-search.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. <div class="input-group col-xs-12 address-wrap">
  2. <input
  3. class="form-control allrid"
  4. ng-model="model[options.key]"
  5. ng-click="AddressClickHandle()"
  6. ng-change="ksChangeHandle()"
  7. id="bx_address"
  8. autocomplete="off"
  9. />
  10. <ul id="bx_address_ul" ng-show="addressFlag">
  11. <li ng-repeat="item in address_arr" ng-click="addressItemClick(item)">
  12. {{item.place?item.area.area+item.place:item.area}}
  13. </li>
  14. </ul>
  15. </div>
  16. <style>
  17. /* 故障地点 */
  18. .address-wrap {
  19. position: relative;
  20. }
  21. #bx_address_ul {
  22. position: absolute;
  23. top: 30px;
  24. left: 0;
  25. width: 100%;
  26. max-height: 170px;
  27. overflow-y: auto;
  28. background-color: #fff;
  29. border: 1px solid #d1d1d1;
  30. border-top: none;
  31. z-index: 9999;
  32. }
  33. #bx_address_ul li {
  34. height: 34px;
  35. border-bottom: 1px solid #d1d1d1;
  36. line-height: 32px;
  37. padding: 0 16px;
  38. cursor: pointer;
  39. overflow: hidden;
  40. text-overflow: ellipsis;
  41. white-space: nowrap;
  42. }
  43. #bx_address_ul li:hover {
  44. /* background-color: #005395; */
  45. /* color: #fff; */
  46. }
  47. #bx_address_ul li:last-child {
  48. border-bottom: none;
  49. }
  50. </style>