<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

jquery 获取 json文件内容后，将其内容显示到 下拉列表框中，再将下拉列表中的内容，显示到文本框中的更多相关文章

  1. jquery 获取json文件数据，显示到jsp页面上， 或者html页面上

    [{"name":"中国工商银行","code":102},{"name":"中国农业银行",&qu ...

  2. 通过Jquery中Ajax获取json文件数据

    1. JSON(JavaScript Object Notation): javaScript对象表示法: 是存储和交换文本信息的语法,比xml更小,更快,更易解析. 2. JSON基本书写格式 : ...

  3. .NetCore获取json文件配置内容

    .netcore中的数据配置及内容用了json文件代替了之前framework的xml文件,那么json中的数据该怎么获取呢?下面讲解json文件在.net core中的获取方法. 首先,新建一个.n ...

  4. jQuery访问json文件

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  5. jQuery读取json文件，实现省市区/县（国标）三级联动

    最近做一个微信项目,需要用户填写所在的省市区/县,决定使用jQuery读取json文件来实现省市区/县的联动. 其实很简单,jQuery文档也有详细解释: 代码如下: html <table w ...

  6. Ajax获取 Json文件提取数据

    摘自 Ajax获取 Json文件提取数据 1. json文件内容(item.json) [ { "name":"张国立", "sex":&q ...

  7. JQuery 获取json数据$.getJSON方法的实例代码

    这篇文章介绍了JQuery 获取json数据$.getJSON方法的实例代码,有需要的朋友可以参考一下 前台: function SelectProject() { var a = new Array ...

  8. jquery获取json对象中的key小技巧

    jquery获取json对象中的key小技巧 比如有一个json var json = {"name" : "Tom", "age" : 1 ...

  9. js/jquery 获取本地文件的文件路劲 获取input框中type=‘file’ 中的文件路径(转载)

     原文:http://blog.csdn.net/niyingxunzong/article/details/16989947 js/jquery 获取本地文件的文件路劲 获取input框中type= ...

随机推荐

  1. -Dmaven.multiModuleProjectDirectory system propery is not set. Check $M2_HOME environment variable and mvn script match.

    一, eclipse中使用maven插件的时候,运行run as maven build的时候报错 -Dmaven.multiModuleProjectDirectory system propery ...

  2. VirtualBox 扩展C盘

    1. 关闭虚拟机,找到ovi文件 2.执行命令: C:\Program Files\Oracle\VirtualBox>VBoxManage.exe modifyhd "C:\User ...

  3. 腾讯云CentOS 安装MediaWiki

    参考 : https://www.digitalocean.com/community/tutorials/how-to-install-mediawiki-on-centos-7 //安装好很多次终 ...

  4. canvas三角函数直线运动

    var canvas = document.getElementById("canvas"); var cxt = canvas.getContext("2d" ...

  5. 【BZOJ 1877】【SDOI 2009】晨跑

    拆点跑$MCMF最小费用最大流$ 复习一下$MCMF$模板啦啦啦--- 一些坑:更新$dist$后要接着更新$pre$,不要判断是否在队列中再更新,,,听不懂吧,听不懂就对了,因为只有我才会在这种错误 ...

  6. python 中的sort 和java中的Collections.sort()函数的使用

    x=[1,2,3] x.sort()对的,x这个都变了 y=x.sort()错误 y=sorted(x)对的,x拍好序的一个副本 python中用匿名函数和自定义函数排序:(很奇怪的是比较函数返回的是 ...

  7. 使用kuernetes提供高可用的kibana服务

    在kubernetes集群中部署kibana步骤如下: 1:kibana安装文件(目前最新版本4.5.1): 2:编写Dockerfile及执行点脚本文件run.sh,制作Kibana镜像: 3:推送 ...

  8. Android消息机制之ThreadLocal的工作原理

    来源: http://blog.csdn.net/singwhatiwanna/article/details/48350919 很多人认为Handler的作用是更新UI,这说的的确没错,但是更新UI ...

  9. Hive 的 map join

    学习自 http://blog.csdn.net/xqy1522/article/details/6699740 1. Map Join 的使用场景: 关联操作中有一张表非常小 不等值的链接操作 2. ...

  10. 高级语言虚拟机的一点理解，对比.NET和Java平台

    最近学习了一些高级语言虚拟机的知识,在此对.NET平台和java平台做一个简单的比较.对java平台已经很熟了,所以此处只介绍.NET平台下的一些概念. 一.CLI 通用语言基础架构(Common L ...