文本更改的多个输入字段

时间:2011-03-22 05:42:35

标签: php jquery mysql

我们正在处理大型表格,并且有一个选项可供用户选择分期付款,因此我们使用表单选择来显示持续时间,如6 12 18 24 30 36,如果管理员选择6个输入,则应提供6个框字段DATE和Amount之后应该使用php保存到mysql,所以你能给出一些建议或代码吗?感谢...

2 个答案:

答案 0 :(得分:0)

对于客户端,您可以使用以下jQuery脚本 工作example here

Enter Duration: <input type="text" id="duration" />
<button>Go</button><br />
<form id="orders">
</form>

和javascript ..

<script>
$('button').click(function(){
    var count = parseInt($('#duration').val(), 10);
    if(!isNaN(count)){
        for(i=1;i<=count;i++){
            $('#orders').append(i+". ").append("<input class='item' /><br />");
        }
       }
});
</script>

对于MySQL php部分,有很多可用的例子,一点点的谷歌搜索肯定会有所帮助。

答案 1 :(得分:0)

@sepsps AFAIU你想要一个原始格式,如何开发一个表格并继续进行,我给你一个提示,你可以根据你的需要进行操作/修改

installment.php

<script type="text/javascript">
$(document).ready(function(){
    $('select').change(function () {
        $('div#wayofpay').show();
    });
});
</script>



<form method="post" action="nextpage.php">
    <select name="installment" id="installment">
        <option value=''>Select Duration:</option>
        <?php foreach(range(0,36,6) as $ts) { ?>
        <option value='<?php echo $ts?>'><?php echo $ts;?></option>
        <?php } ?>
    </select>

    <div id="wayofpay" style="display:none">
    <label for='start_date'>Date:</label><input type="text" name="start_date" id="start_date" value="">
    <label for='amount'>Amount:</label><input type="text" name="amount" id="amount" value="">
    </div>
</form>

nextpage.php

$post_data = array_map('mysql_real_escape_string',$_POST);
// create mysql connection and use below query

$qry= "INSERT INTO yourtable SET
                                  installment_duration = $post_data['installment'];
                                  start_date=$post_data['start_date'];
                                  amount =$post_data['amount'] ";
mysql_query($qry);