this.jq('#needsType').on("click", ".selection", function (e) {

       e.stopPropagation();
　　　　//获取父级元素，使得隐藏的ul在添加on方法后显示出来

       var that = $(this).parent();

       console.log(that);

       that.addClass('on');

       that.find('ul li').click(function () {
　　　　//获取当前点击元素的data属性的val值

       var val= $(this).data('val');

       that.find('input[type=text]').val($(this).text());

       that.removeClass('on');

   });

 });

<div id="readStatus" class="e-select w210 fl ml5">
    <div class="selection w150">
        <input type="text" readonly="" class="text w120 valid fl" value="{{if status}}{{status}}{{else}}请选择{{/if}}" >
        <em class="add-on fl"><i class="fa fa-angle-double-down"></i></em>
    </div>
    <ul class="w150 tc f_12" >
        <li data-val="status">全部信息</li>
        <li data-val="status">未看过</li>
        <li data-val="status">已看过</li>
        <li data-val="status">已回答</li>
    </ul>
</div>