ajax获取下拉菜单获取对应PK值的问题


发布时间:2019-09-28 07:26    作者: 晖哥哥   已过去:3 年,6 月   阅读总量:1841 已被赞:0


下拉菜单代码:

<div class="form-group">
    <label for="exampleInputEmail1">选择要绑定的学校名称</label>
  <select class="form-control" id="grade_name_id_school_pk">
      <option selected="selected">点击选择你要绑定的学校名称</option>
      {% for school in schools %}
          <option value="{{ school.pk }}" >{{ school.nanme }}</option>
    {% endfor %}
    </select>
</div>

通过for循环出很多学校,不同学习对应不同的ID,如何在ajax中获取正确的ID呢?应该是给<select>绑定ID,然后再去获取值,不要绑在 <option>上。

function NewsCategory() {

}
// 上面这句是说定义一个叫(1)NewsCategory的函数。
//(2)prototype
NewsCategory.prototype.run = function () {
    var self = this;
    self.listenAddCategoryEvent();
};
//上面这句是说给NewsCategory的运行函数。(3)listenAddCategoryEvent()为下面的方法
//(1).(2).(3)
NewsCategory.prototype.listenAddCategoryEvent = function () {
    var addBtn = $('#add-btn');//获取这个按钮的ID,ID获取用#,类获取用.
    //给这个变量邦一个点击事件
    addBtn.click(function (eve) {
        eve.preventDefault();
        var name =$('#grade_name_id').val();
        var school = $('#grade_name_id_school_pk').val();
      xfzajax.post({
            'url':'/cms/admin/grade/',
            'data':{
                'name':name,
                'school':school
            },
             'success':function (result) {
                if(result['code']===200){
                     xfzalert.alertSuccessWithTitle({
                        'title':'系统温馨提示',
                        'text':result['message'],
                        'type': 'success'
                        //'confirmCallback':function () {

                        //}
                            //window.location.reload()
                            //window.location.href=url  //跳转到这个地址
                    });
                }else{
                    var messageObject = result['message'];
                    if(typeof messageObject === 'string' || messageObject.constructor === String){
                        xfzalert.alertSuccessWithTitle({
                        'title':'系统温馨提示',
                        'text':messageObject,
                        'type':'error'
                    });
                    }else{
                        for(var key in messageObject){
                            var messages = messageObject[key];
                            var message = messages[0];
                           xfzalert.alertSuccessWithTitle({
                        'title':'系统温馨提示',
                        'text':message,
                        'type':'error'
                    });
                        }
                    }
                }
            },
            'fail': function (error) {
                console.log(error);
            }
        })

    })

};

//最后统一执行(1)
$(function () {
    var category = new NewsCategory();
    category.run();
});

点赞

0




登陆后方可评论