如图片一样 怎么实现币种存期二级联动 而当存期变动后 年利率可以的文本框可以出现值呢 用jQuery 感谢大神们 说的详细一点
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
不知道你具体存期 数据哪里来的。
<!DOCTYPE html>
<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
var o=[{'id':'1','val':'1'},{'id':'2','val':'2'},{'id':'3','val':'3'}];
var o1=[{'id':'1','val':'子1'},{'id':'2','val':'子2'},{'id':'3','val':'子3'}];
var tmp='';
for(var i=0;i<o.length;i++){
tmp+= "<option value='"+o[i].id +"'>"+o[i].val+"</option>"
}
$("#sel1").append(tmp);
$("#sel1").change(function(){
$('#test').val('');
$("#sel2").empty();
$("#sel2").append('<option>----请选择----</option>');
for(var i=0;i<o1.length;i++){
if($("#sel1").val()==o1[i].id){
$("#sel2").append("<option value='"+o1[i].id +"'>"+o1[i].val+"</option>");
}
}
})
$("#sel2").change(function(){$('#test').val( $("#sel2").find("option:selected").text()); });
});
</script>
</head>
<body>
币种<select id="sel1">
<option>----请选择----</option>
</select>
年利率<select id="sel2">
<option>----请选择----</option>
</select>
存期<input type='text' id="test"/>
</body>
</html>