关于mobiscroll treelist

  <input type="text" id="reason_" value="巡逻" readonly="readonly">
      <ul id="remarklist" style="display: none;">
        <li>出警</li>
        <li>巡逻</li>
        <li>会议</li>

      </ul>

$(function(){
    $('#reason_').on('click', function() {
  $('#remarklist').mobiscroll().treelist({
    theme : "ios7",
    lang : "zh",
    display : 'bottom',
    inputClass : 'tmp',//给自动生成input动态的添加一个class以便隐藏自动生成的文本框
    headerText : '签到事由',
    circular : [ true, false, false ],
    //defaultValue : [ i ],
    setText : '存储',
    onSelect : function(valueText) {//valueText 是当前的下标，从而获得当前点击元素下内容
      $('#reason_').val($(this).find('li').eq(valueText).text());
    },


    onChange : function(event, inst) {
      //alert('a');
    }
  });
  $("input[id^=remarklist]").focus();//关键在于 点触发点击事件后，是的自动生成的input得到焦点，是的滚动的部分出现
});
});

必须引入js和 css文件

<link rel="stylesheet" type="text/css" href="mobiscroll-2.13.2.full.min.css">
<script src="mobiscroll-2.13.2.full.min.js"></script>