<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. java中的URLConnection

    *URLConnection是个抽象类,它有两个直接子类分别是HttpURLConnection和JarURLConnection.另外一个重要的类是URL,通常URL可以通过传给构造器一个Strin ...

  2. 东大OJ-1544: GG的战争法则

    题目描述 你在桥上看风景 看风景的人在楼上看你 明月装饰了你的窗子 你装饰了我的梦 这是GG在长坂坡发出的感叹. 三年前GG莫名的穿越到了三国时期,在这三年里他看尽了各种杀戮,心里早已麻木.GG他渴望 ...

  3. Flexbox 布局

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  4. [Google Guava]学习--新集合类型BiMap

    BiMap提供了一种新的集合类型,它提供了key和value的双向关联的数据结构. Bimap 能非常方便的实现map<key,value>的转置要求,也就是value变为key,key变 ...

  5. iOS开发--QQ音乐练习,后台播放和锁屏界面

    一.设置后台播放 首先允许程序后台播放 代码实现 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOpti ...

  6. oracle修改表字段

    --添加字段 )); -- 修改字段的长度- ));

  7. JavaScript写一个拼图游戏

    拼图游戏的代码400行, 有点多了, 在线DEMO的地址是:打开: 因为使用canvas,所以某些浏览器是不支持的: you know: 为什么要用canvas(⊙o⊙)?  因为图片是一整张jpg或 ...

  8. Oracle数据库下sde用户系统表开放权限sql语句

    --sde用户登陆执行以下语句 grant insert, update, delete on sde.table_registry to PUBLIC; grant insert, update, ...

  9. Spring Assert 断言

    Assert(断言)的初步理解构思 Web 应用在接受表单提交的数据后都需要对其进行合法性检查,如果表单数据不合法,请求将被驳回.类似的,当我们在编写类的方法时,也常常需要对方法入参进行合 法性检查, ...

  10. eclipse-debug时直接进入/不进入/提示进入调试页面修改

    eclipse使用debug调试程序时 默认设置每次程序走到断点位置时提示是否进入调试页面(如图) 而个人习惯有些系统直接进入调试页面.也有些人系统不进入调试页面调试 在这里勾选Remember my ...