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

    场景:在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);
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值