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> <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>
<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
我曾七次鄙视自己的灵魂: 第一次,当它本可进取时,却故作谦卑; 第二次,当它空虚时,用爱欲来填充; 第三次,在困难和容易之间,它选择了容易; 第四次,它犯了错,却借由别人也会犯错来宽慰自己; 第五次,它自由软弱,却把它认为是生命的坚韧; 第六次,当它鄙夷一张丑恶的嘴脸时,却不知那正是自己面具中的一副; 第七次,它侧身于生活的污泥中虽不甘心,却又畏首畏尾.