已经做好的前端结构中，如果需要引入一个带有css样式的控件，将是一件悲剧的事情，那么找一个合适的控件，最好不需要任何css引入的控件，对于开发者来说，将节约大量时间，这里推荐：

http://pan.baidu.com/s/1nvjsTrr

用法简单粗暴，用法如下：

<script>
  var plusMinus = {$plusMinusDD};//[{'text':'xxxx',value:0},{'text':222,'value':1}]这样的json串
  var intDS = {$intEyeDS};
  var dot = {$dotEyeDD};
  var rightDS = document.getElementById('rightDS');
  var rightDS_picker = new Picker({
    title: '请选择球镜',
    data: [plusMinus, intDS, dot]
  });
  rightDS_picker.on('picker.select', function (selectedVal, selectedIndex) {
    rightDS.innerText = plusMinus[selectedIndex[0]].text + ' ' + intDS[selectedIndex[1]].text + ' ' + dot[selectedIndex[2]].text;
  });
  rightDS_picker.on('picker.change', function (index, selectedIndex) {
    console.log(index);
  });
  rightDS_picker.on('picker.valuechange', function (selectedVal, selectedIndex) {
    console.log(selectedVal);
  });
  rightDS.addEventListener('click', function () {
    rightDS_picker.show();
  });
</script>