通过Jquery ajax获取html中的变量传到控制器中,并把处理后的传到html页面中

html页面代码:

<select class="form-control select" name="user_id" data-live-search="true" id="aaa">
     <volist name="user" id="vo">
           <option value="{$vo.id}" data-dep-id="{$vo.user_department}" data-pos-id="{$vo.user_position}" >
                        <span>{$vo.user_name}</span>
                        <span>{$vo.user_department_name}</span>
                         <span>{$vo.user_position_name}</span>
               </option>
      </volist>

</select>


<select id="zhiwei" class="form-control select" name="user_examine_position"></select>

<select id="xingming" class="form-control select" name="user_examine_name"></select>


JS和ajax代码部分:

<script type="text/javascript">
    $('#aaa').change(function(){
        var user_id = $(this).val();
        var attr_id = $("input[name='attribute_id']").val();
        var data_dep_id = $('#aaa option:selected').attr('data-dep-id');
        var data_pos_id = $('#aaa option:selected').attr('data-pos-id');
        $.ajax({
            type: 'GET',
            data: {user_id:user_id,attr_id:attr_id,data_dep_id:data_dep_id,data_pos_id:data_pos_id},
            url: "{:U('Management/list_add_entry')}",

            dataType: "json",

            success: function (res) {
                //alert(res.name);
                $('#zhiwei').html(res.pos);
                $('#xingming').html(res.name);
                $("#zhiwei").selectpicker('refresh');
                $("#xingming").selectpicker('refresh');
            }
        });

    });
</script>
阅读更多

没有更多推荐了,返回首页