php+jquery完成生成红包

html.

<include file="./Apps/Wap/View/default/header_common.html" />
<link rel="stylesheet" href="__ROOT__/Apps/Wap/View/default/css/message.css">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Zero Clipboard Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>
<body >
<div id="result"></div>
红包总额:<input type="text" id="total" placeholder="输入红包总额"><br/>
红包个数:<input type="text" id="num" placeholder="输入红包个数"><br/>
<button  class="button">发红包</button>
</body>
<!--  详细介绍见: http://www.admin10000.com/Document/35.html -->
</html>
<include file="./Apps/Wap/View/default/footer.html" />
<script src="__ROOT__/Apps/Wap/View/default/js/message.js"></script>
<script>
      $(".button").click(function() {
        if($("#total").val()==''){
              msgAlert('请输入红包总额');
              return;
        }else if($("#num").val()==''){
           msgAlert('请输入红包数量');
           return;
        }
        var e={};
        e.total=$("#total").val();
        e.num=$("#num").val();
        $.post(Think.U('Wap/Uber/sendPassbook'),e,function(e,s,d){
          var o=WST.toJson(e);
        for(var i=1;i<o.length+1;i++){
        $("#result").prepend('<div>第'+i+'个红包金额为'+o[i-1].money+'</div>');
        }
        })
      });


</script>

php.

<?php
/**
 * Created by PhpStorm.
* User: Ferris
* Date: 15/12/16
* Time: 23:18
*/
namespace Wap\Action;
class UberAction extends BaseAction
{

public function sendPassbook(){
$total=I('total');//红包总金额
$num=I('num');// 分成n个红包,支持n人随机领取
$min=0.01;//每个人最少能收到0.01元
for ($i=0;$i<$num;$i++)
{
    $safe_total=($total-($num-$i)*$min);//随机安全上限
if($i!=$num-1){
$money=mt_rand($min*100,$safe_total*100)/100;
$total=$total-$money;
$rs[$i]['money']=$money;


}else{
$rs[$i]['money']=$total;
}
}
echo json_encode($rs,true);
}

}

下面是使用 jQuery 插件 jquery-multiselect 和 jQuery 动态生成下拉框的示例代码: HTML 代码: ```html <div id="selectBoxContainer"></div> ``` JavaScript 代码: ```javascript $(document).ready(function() { // 动态生成下拉框 var selectBox = $('<select id="selectBox" multiple></select>'); selectBox.append($('<option value="option1">选项1</option>')); selectBox.append($('<option value="option2">选项2</option>')); selectBox.append($('<option value="option3">选项3</option>')); selectBox.append($('<option value="option4">选项4</option>')); selectBox.append($('<option value="option5">选项5</option>')); $('#selectBoxContainer').append(selectBox); // 初始化下拉框 $('#selectBox').multiselect(); }); ``` 在上面的示例代码中,我们首先在 HTML 中定义了一个 ID 为 "selectBoxContainer" 的容器,用于放置动态生成的下拉框。 然后,在 JavaScript 中,我们使用 jQuery 的 ready() 方法来确保文档加载完成后再执行代码。在 ready() 方法中,我们使用 jQuery 动态生成了一个 ID 为 "selectBox" 的下拉框,并设置了 multiple 属性,表示该下拉框可以多选。接着,我们为下拉框添加了五个选项。 最后,我们将动态生成的下拉框添加到容器中,并使用 multiselect() 方法初始化下拉框,从而实现了动态生成下拉框并使用 jquery-multiselect 插件实现下拉框多选的功能。 这样做的好处是可以根据实际需求动态生成下拉框,并且可以使用 jquery-multiselect 插件方便地实现下拉框多选的功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值