I would like to use a dropdown menu to allow the selection of a set number of three textboxes where each number set of textboxes should contain a unique set of numbers. Currently, the dropdown menu does create the desired number of sets of textboxes, for example, selecting 5 generated a set of 5 textboxes filled with random numbers. The problem is that they are all the same sets of random numbers.
I would like something where a selected number in the dropdown menu would generate the desired sets of textboxes, then clicking on a Generate Numbers button would fill the sets of textboxes with random numbers where each set is unique. Can this be done with Javascript, JQuery or do I need to use something else?
Here's my code so far. Thank you very much for your help.
<?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>