根据远程数据库值,加载selected项,并修改其option值

27 篇文章 0 订阅
8 篇文章 0 订阅

    场景:在html的select下拉框中,选择不同的项,更新远程库中的值;打开html时,根据远程库的值,加载值所对应的项

    环境:java/html/Jquery/ajax


    1、前端:

    html:例如

<select id="closed_account" class="dropdown" style="width:150px" name="closed_value">
    <option value="1">已关闭</option>
    <option value="2">开启中</option>
</select>

  JQuery:

$(document).ready(function () {
    var $closed = $('#closed_account');
    var url3 = "你JAVA中方法路径";
    var url4 = "你JAVA中方法路径";

    initClosedAccount();
    function initClosedAccount() {//初始化,并按库中值渲染出对应项
        $.ajax({
            type:"post",
            async:true,
            url:url4,
            dataType:"json",
            success:function (date) {
                var num_closed = $closed.find("option");//查找所有option
                for (var j = 1;j<num_closed.length;j++) {//遍历,如果val==库中值,则命中并展示
                    if($(num_closed[j]).val() == date){
                        $(num_closed[j]).attr("selected","selected");
                    }
                }
            }
        })
    }
    $closed.change(function () {//更新关账状态
        var val_c = $closed.find("option:selected")[0].value;
        $.ajax({
            type: "POST",
            async: true,
            url: url3 + val_c,
            dataType: "json",
            success: function (o) {
                if (o.success) {
                    $.slide(msg);
                } else {
                    alert("操作错误");
                }
            }
        })
    });

  2、后端,具体的JAVA方法(JFinal框架)

//获取、修改关账状态
public void setClosedAccount(){
    Integer closed_value = getParaToInt("value");//取参数
    Db.use.update("update a set value = ? ",closed_value);
    renderJson(Easy.sucess());
}
public void getClosedAccount(){
    Integer closedAccount = Db.use.queryInt("select value from a ");
    renderJson(closedAccount);
}

buildadmin教程是一本教授初学者如何建立和管理网站后台管理系统的教程。 该教程涵盖了从基本概念到高级技巧的所有内容,非常有助于初学者迅速入门和理解网站后台管理系统的工作原理。 在buildadmin教程中,首先介绍了网站后台管理系统的基本概念和作用。它解释了后台管理系统是如何通过登录和验证来控制对网站内容的访问和修改。通过理解这一概念,读者能够更好地理解后续章节中讲述的技术和方法。 接着,该教程详细介绍了常用的后台管理系统开发工具和语言,比如PHP、MySQL和HTML/CSS。它提供了简洁明了的教学示例和代码,使初学者能够快速上手并开始构建自己的后台管理系统。 在后续章节中,buildadmin教程阐述了如何设计和创建数据库,并将其与后台管理系统进行集成。读者将学习如何创建用户表、权限表以及其他必要的数据表,以便管理用户和控制其权限。 此外,该教程还介绍了如何设计和实现用户登录和验证系统,以确保只有经过授权的用户能够访问后台管理系统。读者将学习如何使用会话和Cookie来处理用户的登录状态,并实现密码加密和解密的功能。 最后,buildadmin教程还提供了一些常见问题和解决方案,以及一些实际应用案例的示例。读者可以从中学习到一些实用的技巧和建议,帮助他们更好地开发和管理自己的后台管理系统。 总之,buildadmin教程是一本对初学者非常有价的教程,它提供了全面而详细的指导,帮助读者建立和管理网站后台管理系统。无论是对于个人网站还是企业网站的建设,该教程都是一个不可或缺的资源。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值