Php 如何从自动填充随机数字的下拉菜单生成一组文本框？_Php_Javascript_Jquery

Php 如何从自动填充随机数字的下拉菜单生成一组文本框？

php javascript jquery

Php 如何从自动填充随机数字的下拉菜单生成一组文本框？,php,javascript,jquery,Php,Javascript,Jquery,我想使用一个下拉菜单来允许选择一组三个文本框，其中每个文本框都应该包含一组唯一的数字。目前，下拉菜单确实创建了所需数量的文本框集，例如，选择5生成了一组5个随机数的文本框。问题是它们都是相同的随机数集我想在下拉菜单中选择一个数字，生成所需的文本框集，然后点击生成数字按钮，用随机数字填充文本框集，每个文本框集都是唯一的。这可以通过Javascript、JQuery实现，还是需要使用其他工具这是到目前为止我的代码。非常感谢你的帮助 <?php //generate set of rando

我想使用一个下拉菜单来允许选择一组三个文本框，其中每个文本框都应该包含一组唯一的数字。目前，下拉菜单确实创建了所需数量的文本框集，例如，选择5生成了一组5个随机数的文本框。问题是它们都是相同的随机数集

我想在下拉菜单中选择一个数字，生成所需的文本框集，然后点击生成数字按钮，用随机数字填充文本框集，每个文本框集都是唯一的。这可以通过Javascript、JQuery实现，还是需要使用其他工具

这是到目前为止我的代码。非常感谢你的帮助

<?php
//generate set of random numbers from 1 to 10000
function RandomNumbers($min, $max, $quantity) {
    $numbers = range($min, $max);
    shuffle($numbers);
    return array_slice($numbers, 0, $quantity);
}
$num = (RandomNumbers(1,10000,10000));
$random1 = $num[0];
$random2 = $num[1];
$random3 = $num[2];
?>

<html>
<head>
<script type='text/javascript' src='js/jquery.js'></script>
</head>
<script type="text/javascript">
//this is the code which I am not sure how to develop >>>
    $(document).ready(function(){
        $counter = 0; // initialize 0 for limiting textboxes
        $('#dropdownadd').change(function(){
            $('#dropdowndiv').html(""); // when the dropdown change set the div to empty
            $loopcount = $(this).val(); // get the selected value
            for (var i = 1; i <= $loopcount; i++)
            {
                //this adds textboxes using dropdown menu but inserts the same number set into each set of textboxes
                $('#dropdowndiv').append('<div><form>Number Set #'+i+'<input type="text" name="num1" class="textbox1" value="<?php echo $random1; ?>" /><input type="text" name="2" class="textbox2" value="<?php echo $random2; ?>" /><input type="text" name="3" class="textbox3" value="<?php echo $random3; ?>" /></div>'); 
            }
        });
    });
</script>


<div id="dropdowndiv">
<!-- this is where textboxes will appear -->
</div>
<div class="choices">
    <span>Adding Textboxes using Dropdown Menu</span>
    <select id="dropdownadd">
        <option value="0">0</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="10">10</option>
        <option value="20">20</option>
    </select>
</div>
</html>

<HTML>
<form name="form" method="post">
<input type="text" name="num1" id="var1" value="<?php echo $random1; ?>" >
<input type="text" name="num2" id="var1" value="<?php echo $random2; ?>" >
<input type="text" name="num3" id="var1" value="<?php echo $random3; ?>" >
<br>
<input type="submit" name="submit" value="Generate Numbers">
</form>
</HTML>


//这是我不确定如何开发的代码>>>
$（文档）.ready（函数（）{
$counter=0；//为限制文本框初始化0
$（'#dropdownadd'）.change（function（）{
$（'#dropdowndiv'）.html（“”；//当下拉更改将div设置为空时
$loopcount=$（this）.val（）；//获取所选值
对于（var i=1；i试试这个

数学，随机
数学圆
for循环
而jquery则附加了

Fedmich也采用了同样的方法，我只是使用了您提供的代码，修改了需要修改的内容，而忽略了不需要修改的内容（我刚才说了什么）
祝你好运。
这是一个完整的解决方案，根据下拉选项值的选择，当我们单击每个表单附带的名为“生成按钮”的按钮时，会显示带有三个文本框的表单集的数量，每个表单为每个输入集生成唯一的值
在Codebins上尝试此解决方案：
如果您想在客户端生成随机数，JS就是您所需要的。@nnnnnn完全正确。要确保它们是唯一的，您所要做的就是检查任何输入的值是否与生成的数字相同…我会摆弄它..inc