zoukankan      html  css  js  c++  java
  • jquery 获取 json文件内容后,将其内容显示到 下拉列表框中,再将下拉列表中的内容,显示到文本框中

    <script type="text/javascript"> 
    		$(function(){ 
    		$("#huoqv").click(function(){
    			var ajsontip = $("#zhihang"); 
    			var num= $("#jsonTip option[selected]").attr("id");
    			alert(num);
    		
    			var name= $("#jsonTip option[selected]").text();
    			alert(name);
    			
    			var key= $("#key").val();
    			var city= $("#loc_province option[selected]").text();
    			var huoqv = $("#zhihang")
    			$.ajax({
    			    type:'post',
    			    url : 'http://localhost/api/user.action',
    			    dataType : 'json',
    			    data : {
    			    	method:'findBankCode',
    			   		bankNo:num,
    			    	bankName:name,
    			    	keyWord:key,
    			    	locale:city
    
    			    	},	
    				success:function(data){
    					var jsonTip = $("#jsonTip"); 
    					var strHtml = "";//存储数据的变量
    					var json = "";//存储数据的变量 
    					//$jsontip.empty();//清空内容 
    					if(data.data != null){
    						data=data.data;
    						$.each(data,function(infoIndex,info){ 
    				
    							
    						strHtml += '<option value="'+info.NodeCode+'">'+info.NodeName+'</option>'; 
    						})  
    						ajsontip.html(strHtml);//显示处理后的数据 
    					}else{
    						alert(data.message)
    					}
    						
    				}
    		}) 		
    		
    		}) 
    		})
    	</script>



    <script>
    $(function(){
    $("#button").click(function(){
    var a = $("#zhihang option[selected]").val();
    var b = $("#zhihang option[selected]").text();
    $("#BankCode").val(a);
    $("#NodeName").val(b);
    alert("确定绑定吗?");
    $("#f1").submit();
    });

    });
    </script>



    <body>

     <form action="store_bindCard.action" method="post" id="f1">
    <!--  大小额行号:-->
    <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="tahang"><input type="hidden" name="BankCode" id="BankCode" value="" size=22></li><br>
    <!-- 银行名称 -->
    <li><input type="hidden" name="NodeName" id="NodeName" value=""></li>

    <select id="zhihang" style=" 150px">
    <option selected="true">请选择
    </select>&nbsp;

    <input type="button" id="huoqv" value="获取"/><br><br>

    <input type="button" id=button value=绑定银行卡>

    </body> 
    </form> </html>

    [{"name":"中国工商银行","code":102},{"name":"中国农业银行","code":103},{"name":"中国银行","code":104},{"name":"平安银行","code":307}]   code.json

    我曾七次鄙视自己的灵魂: 第一次,当它本可进取时,却故作谦卑; 第二次,当它空虚时,用爱欲来填充; 第三次,在困难和容易之间,它选择了容易; 第四次,它犯了错,却借由别人也会犯错来宽慰自己; 第五次,它自由软弱,却把它认为是生命的坚韧; 第六次,当它鄙夷一张丑恶的嘴脸时,却不知那正是自己面具中的一副; 第七次,它侧身于生活的污泥中虽不甘心,却又畏首畏尾.
  • 相关阅读:
    233. Number of Digit One
    232. Implement Queue using Stacks
    231. Power of Two
    230. Kth Smallest Element in a BST
    229. Majority Element II
    228. Summary Ranges
    227. Basic Calculator II
    ArcGIS 网络分析[3] 发布NAServer到ArcGIS for Server(以Server 10.4为例)
    iView的使用【小白向】
    Vuejs环境安装与工程建立【小白Windows向】
  • 原文地址:https://www.cnblogs.com/leonlee/p/4905308.html
Copyright © 2011-2022 走看看