苹果CMS支付页面教程

文件目录html/user/pay.html

在用确认在线充值后并且已生成订单后跳转到该页面

苹果cms支付页表单示例：

<form method="post" target="_blank" action="{:url('user/gopay')}">
   <input type="hidden" name="order_id" value="{$info.order_id}">
   <input type="hidden" name="order_code" value="{$info.order_code}">
   <div class="line40">
      <p><span class="xiang">订单编号：</span>{$info.order_code}</p>
      <p><span class="xiang">订单金额：</span>{$info.order_price}元</p>
      <p>
         <span class="xiang">支付方式：</span>
         <select name="payment">
            <option value ="">请选择...</option>
            {volist name="ext_list"}
            <option value="{$key}">{$vo}支付</option>
            {/volist}
         </select>
      </p>

      <p class="info-item" style="display:none;">
         <span class="xiang">支付类型：</span>
         <select class="paytype" name="paytype">
         </select>
      </p>

      <p><input type="submit" class="jifen2-button" value="确认"></p>
   </div>
</form>

<script>
	var codepay_type = '{maccms:foreach name=":explode(',',$config.codepay.type)"}<option value ="{$vo}">{if condition="$vo==1"}支付宝二维码{elseif condition="$vo==2"/}QQ钱包二维{elseif condition="$vo==3"/}微信二维码{/if}</option>{/maccms:foreach}';
	var zhapay_type ='{maccms:foreach name=":explode(',',$config.zhapay.type)"}<option value ="{$vo}">{if condition="$vo==1"}微信{elseif condition="$vo==2"/}支付宝{/if}</option> {/maccms:foreach}';
 
	$("#payment").change(function() {
		$('#paytype').html('');
		if($("#payment").val()=="codepay" || $("#payment").val()=="zhapay" || $("#payment").val()=="Pkfaka"){
			if($("#payment").val()=="codepay") {
				$('#paytype').html(codepay_type);
			}
			if($("#payment").val()=="zhapay") {
				$('#paytype').html(zhapay_type);
			}
         
			$("#paytype_box").slideDown();
		}
		else{
			$("#paytype_box").slideUp();
		}
	});

	$(".paytype").change(function() {
		$('#paytype').val( $(this).val() );
	});
</script>