javascript - jq 里的change()方法获取input里的值没有效果？

Question

用jq写了一个点击出现弹窗 在弹窗里选择后传值到input里 想用change()方法获取里面的值变化 可是没有效果

<li class="selectbox">
    <span class="title">性&nbsp;&nbsp;&nbsp;别：</span>
      <input name="sex" type="text" id="sex" style="display:none;">
    <span class="selectinput inputtxt-02" forhid="sex">请选择的你的性别</span>
    <img class="ricon" src="images/right-icon.png">
</li>


$(function(){
    var $form = $("#dataform");
    var $formInput = $('.selectinput');
    var dt = $('#tip');
    var dd = $('.tip-01');            
    var li = $('.select-list').find("li");
    var span = $('.select-list').find("li").children("span");  
    $form.on('click', '.selectinput', function(e){
        console.log(e); 
        e.stopPropagation();
        var dl = $(this);
        var dlid = dl.attr("forhid");
        var ddid = $("#select"+dlid);
        var input = $("#"+dlid);     
        dt.addClass("on");
        ddid.addClass("on");           
        $("#select"+dlid+' .select-list span').bind('click', function(event){
            var ht = $(this).html();
            input.val($(this).attr("value"));
            dl.html(ht);
            dt.removeClass("on");
            dd.removeClass("on");
            event.stopPropagation();
            
        });  
        $('#sex').on('change', function(){
            alert(11);
        });                 
    });
    
});

Answer 1

自己解决了 光绑定没有出发

input.val($(this).attr("value")).change();

这样就好了 (^__^) 嘻嘻