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="width: 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

posted @ 2015-10-23 17:58  LEON.LEE  阅读(1258)  评论(0)    收藏  举报