jquery 获取 json文件内容后，将其内容显示到下拉列表框中，再将下拉列表中的内容，显示到文本框中...-CSDN博客

<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>



<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>