首页 > 技术文章 > 银行下拉列表

guoyinglichong 2017-06-13 09:45 原文

<form action="{:U('portal/withdraw/add_post')}" method="post">
<
li style="border:none"> <input type="hidden" name="bank"> 出款银行:<select class="bank" id="bank" name="bank" style="background-repeat: no-repeat;width:238px"> <option value="国家开发银行">国家开发银行</option> <option value="中国进出口银行">中国进出口银行</option> <option value="中国农业发展银行">中国农业发展银行</option> <option value="中国银行">中国银行</option> <option value="中国工商银行">中国工商银行</option> <option value="中国建设银行">中国建设银行</option> <option value="中国农业银行">中国农业银行</option> <option value="中国光大银行">中国光大银行</option> <option value="中国民生银行">中国民生银行</option> <option value="中信银行">中信银行</option> <option value="交通银行">交通银行</option> <option value="华夏银行">华夏银行</option> <option value="招商银行">招商银行</option> <option value="兴业银行">兴业银行</option> <option value="广发银行">广发银行</option> <option value="平安银行">平安银行</option> <option value="上海浦东发展银行">上海浦东发展银行</option> <option value="恒丰银行">恒丰银行</option> <option value="浙商银行">浙商银行</option> <option value="渤海银行">渤海银行</option> <option value="中国邮政储蓄银行">中国邮政储蓄银行</option> <option value="城市商业银行">城市商业银行</option> <option value="北京银行">北京银行</option> <option value="天津银行">天津银行</option> <option value="河北银行">河北银行</option> <option value="沧州银行">沧州银行</option> <option value="唐山市商业银行">唐山市商业银行</option> <option value="承德银行">承德银行</option> <option value="张家口市商业银行">张家口市商业银行</option> <option value="秦皇岛银行">秦皇岛银行</option> <option value="邢台银行">邢台银行</option> <option value="廊坊银行">廊坊银行</option> <option value="保定银行">保定银行</option> <option value="邯郸银行">邯郸银行</option> <option value="衡水银行">衡水银行</option> <option value="晋商银行">晋商银行</option> <option value="大同市商业银行">大同市商业银行</option> <option value="长治银行">长治银行</option> <option value="其他</">其他</option> </select>&nbsp;<span>*</span> </li>
</form>

 首先,这个form表单不是volist()输出,因此可以用隐藏表单的方法将bank值提交到控制器

在提交之前,js控制下拉菜单,表单提交前的函数  $('form').submit(),它的作用是获取下拉列表的值,然后将该值

赋给隐藏表单,通过隐藏表单将值传到控制器,然后存到数据库。

关于$(function(){}),这是页面加载完成执行的函数,也就是通过控制器中的Index将数据从数据表读出来,

显示数据的时候,要通过这个函数,来改变下拉菜单的值。

其中的{$users['bank']}是tp控制器中index方法得到的值,首先是选中对应的value值,然后执行change()函数,即可。

jquery中的change()函数,是一个元素的值改变的时候就会触发。

change()事件只适用于下拉列表,复选框,单选按钮,当用户鼠标做出选择时,

该事件立即触发,但对于其他类型的Input元素。该事件触发将推迟,直到

元素失去焦点才会触发。下列网址是介绍change()的。

http://www.softwhy.com/article-1300-1.html

<script>
$("form").submit(function(){ var banks = $("#banks").find('option:selected').val(); $("input[name='bank']").val(banks); }); $(function(){ $("#bank").find("option[value='{$users['bank']}']").attr("selected","true"); $("#bank").change(); });
</script>
//tp控制器中的代码add_post()函数
public
function add_post() { header("content-type:text/html;charset=utf-8"); //用户可以点进提现页面,证明已有登录名和密码 //实例化q_users表 $user = $_SESSION['user']; $users = D('q_users'); $result = $users ->where("user_login = '$user'") ->find(); $id = $result['id']; $data['name'] = I('post.name'); $data['numb'] = I('post.numb'); $data['bank'] = I('post.bank'); $data['province'] = I('post.province'); $data['city'] = I('post.city'); $data['county'] = I('post.county'); $data['account'] = I('post.account'); $result = $users ->where("id = $id") ->save($data); if($results !== false) { $this->redirect("withdraw/withdraw"); } }

 

推荐阅读