jquery 获取 json文件内容后,将其内容显示到 下拉列表框中,再将下拉列表中的内容,显示到文本框中

时间:2023-03-09 04:15:30
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>&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

相关文章