开发者社区 问答 正文

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

screenshot
如图片一样 怎么实现币种存期二级联动 而当存期变动后 年利率可以的文本框可以出现值呢 用jQuery 感谢大神们 说的详细一点

展开
收起
蛮大人123 2016-03-26 12:00:49 2194 分享 版权
1 条回答
写回答
取消 提交回答
  • 我说我不帅他们就打我,还说我虚伪

    不知道你具体存期 数据哪里来的。

     <!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>
    2019-07-17 19:16:02
    赞同 展开评论
问答分类:
问答地址: