如何去实现三级联动 第三级变成文本框并且能输入值

如何去实现三级联动 第三级变成文本框并且能输入值

问题描述:

图片说明
如图片一样 币种和存期下拉形式 但是年利率要文本框 可输入值 用三级联动 怎么去实现 或者用别的方法

首先,你SQL 的设计的时个,这 3 个 字段,是属于 三级联动关系吗?如果不是,你这问题就没有意义!

如果是,就你问题而言,给你个思路:

1 写一个根据 选择币种 ,查找 存期的 接口
2 ajax 去请求这个接口,然后把数据绑定在 存期 这个下拉 (千万别说 你不会 ajax)
3 年利率 你是想直接输入,那你输入,这样问题不就解决啦吗
4 还有我不知道哪里来的三级联动,明明 是 2级
5 如果你 年利率 是下拉 完全属于 3 级 ,而你的问题不是,你概念都没有搞清楚

这个 网上搜搜吧。监听下拉事件,数据改变之后重新绑定数据到下拉。 基本是基于dom的操作。

监听下拉时间呗,完事把一级菜单选中id当做二级菜单ajax中的参数请求被

ok, 我理解你的意思 ,1 天的年利率 不同,7 天的年利率 也 不同
那你再加个 1 天 和 7 天年利率 默认值 接口啊, 这个接口就是 你传一个参数 day = 1 或者 day =7
这个接口返回一个默认值的年利率 比如返回的 默认年利率 apr =7.8%
接下来不就是 dom 元素的操作吗,你完全可以用jquery (千万别说你jquery 都不会这是最基本的)
$("年利率").val( apr )
这样默认值不就出来了吗,因为年利率是文本框,如果你想改值,那你也能改啊,问题解决了,我就不知道了,没有人负责接口,或者api吗,
如果你是前后台都做,建议还是跳槽吧,说真的

存期和币种的select添加onchange事件就好了,然后用ajax将存期和币种选中的值发送到服务器获取到对应的利率后输出,客户端ajax获取到服务器端返回值设置input的值显示出来

 <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<script>
    function loadLL() {
        $.ajax({
            url: 'xxxxx.asp', type: 'POST',
            data: { bz: $('#selBZ').val(), cq: $('#selCQ').val() },
            complete: function (xhr) {
                if (200 == xhr.status) $('#txtLL').val(xhr.responseText);
                else alert('动态页有问题\n'+xhr.responseText)
            }
        });
    }
</script>
币种:<select id="selBZ" onchange="loadLL()"></select><br />
利率:<input type="text" id="txtLL" /><br />
存期:<select id="selCQ" onchange="loadLL()"></select><br />

xxxxx.asp

 bz=request.form("bz")
cq=request.form("cq")
''''''查询数据库后输出利率
response.write "0.35"