ul -- li 模拟select下拉框

在写项目中 用到下拉框，一般用

 <select name="" id="">
     <option value="">1</option>
     <option value="">2</option>
     <option value="">3</option>
 </select>

但是select 在不同的浏览器中 样式有些差别，所以用 ul  li 来模拟select 的功能。

 <div class="model-select-box">
      <div class="model-select-text" value=""> 请选择:</div>
      <b class="bg1"></b>
      <ul class="model-select-option">
        <li data-option="1" class="selected">查设备</li>
        <li data-option="2">查链路</li>
        <li data-option="3">查光缆</li>
      </ul>
    </div>

 $(function ()