<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. [转]acm忠告

    多做难题 如果你去问那些牛人“这道题你是怎么想到要用XXX方法的”,我估计大部分人都说不出个所以然来.其实很多情况下都是纯凭直觉考虑到的数个思维方向,这种直觉是需要大量的练习来得到的,没有那么多“为什 ...

  2. SharePoint 读取 Site Columns 的数据并绑定到DropdownList

    public void GetSiteColumns(DropDownList ddl, String siteColumn) { var fields = new SPSite(ProjectCon ...

  3. Java GC收集器配置说明

    根据Java GC收集器具体分类,我们可以看出JVM根据需求不同提供了三种选择:串行收集器.并行收集器.并发收集器. 串行收集器只适用于小数据量的情况,我们主要了解一下并行收集器和并发收集器.默认情况 ...

  4. LINUX下PHP开启短标签short_open_tag支持

    LINUX下PHP开启短标签short_open_tag支持 以CENTOS为例: 找到php.ini #find / -name php.ini #/etc/php.ini 编辑php.ini #v ...

  5. iOS开发小技巧--实现毛玻璃效果的方法

    一.美工出图 二.第三方框架 -- DRNRealTimeBlur,框架继承自UIView.使用方法:创建UIView直接继承自框架的View,就有了毛玻璃效果 三.CoreImage -- 图片加高 ...

  6. mxnet的python包导入的前前后后

    mxnet底层的代码是cpp写的, 然后在它上面封装提供了R, python, scala和matlab的接口. 我现在只关注python. 如何使用mxnet的python接口? 自然是通过impo ...

  7. jquery的ajax提交form表单

    $.ajax({ cache: true, type: "POST", url:ajaxCallUrl, data:$('#yourformid').serialize(),// ...

  8. linux下使用 du查看某个文件或目录占用磁盘空间的大小

    du -ah --max-depth=1     这个是我想要的结果  a显示目录占用的磁盘空间大小,还要显示其下目录和文件占用磁盘空间的大小但是由于用了--max-depth选项,表示显示目录下所有 ...

  9. UITableView的cell重用优化

    三种情况,四种方法: 情况一:加载xib中描述的cell 情况二:加载纯代码自定义的cell 情况三:加载storyBoard中的tableView内的cell 针对于情况一: // 导入自定义cel ...

  10. pycharm使用错误排查

    1.pip安装扩展包报错 creating build/temp.linux-x86_64-3.4 x86_64-linux-gnu- -Wformat -Werror=format-security ...