<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. Linux终端更改提示符

    打开~/.bashrc可以看到命令提示的内容为:\u@\h\w\$ \u表示用户名,\h表示主机名,\w表示当前目录,\$表示命令提示符(普通用户$,超级用户#) 这个命令提示符有点长,很碍事,\u@ ...

  2. STL中algorithm里的查找

    首先,选择查找算法时,区间是否排序是一个至关重要的因素.可以按是否需要排序区间分为两组: A. count,find B. binary_search,lower_bound,upper_bound, ...

  3. 69 su -用户和工作组管理

    su su命令用户和工作组管理 su命令用于切换当前用户身份到其他用户身份,变更时须输入所要变更的用户帐号与密码. 语法 su (选项) (参数) 选项 -c<指令>或--command= ...

  4. zabbix3.0安装教程

    一.Zabbix介绍 zabbix 简介 Zabbix 是一个高度集成的网络监控解决方案,可以提供企业级的开源分布式监控解决方案,由一个国外的团队持续维护更新,软件可以自由下载使用,运作团队靠提供收费 ...

  5. extJs学习基础 容器的介绍

    Viewport: 一个专门的容器用于可视应用领域(浏览器窗口). Viewport渲染自身到网页的documet body区域, 并自动将自己调整到适合浏览器窗口的大小,在窗口大小发生改变时自动适应 ...

  6. model 的验证

    Ext.onReady(function(){ Ext.define('User', { extend: 'Ext.data.Model', fields: [ { name: 'name', typ ...

  7. [转]Mybatis出现：无效的列类型: 1111 错误

    原文地址:http://www.cnblogs.com/sdjnzqr/p/4304874.html 在使用Mybatis时,不同的xml配置文件,有的会提示:无效的列类型: 1111 比如这个sql ...

  8. 模板题 codevs 1993 草地排水 想学习的请看链接

    不能再水的题了. Dinic算法,比EK更快. 想要学习请看链接   https://comzyh.com/blog/archives/568/ 并附上我的模板(其实和comzyh大神的一样) #in ...

  9. 系统间通信（8）——通信管理与RMI 上篇

    1.概述 在概述了数据描述格式的基本知识.IO通信模型的基本知识后.我们终于可以进入这个系列博文的重点:系统间通信管理.在这个章节我将通过对RMI的详细介绍,引出一个重要的系统间通信的管理规范RPC, ...

  10. JS 弹窗到右下角

    <div id="msg_win" style="display: block; top: 490px; visibility: visible; opacity: ...