Populate a select box with all the numbers up to current stock - php

Question

I have two questions:
1) Say if I have a database like this:
Name Stock
Prada 10
Armani 20
Gucci 25
How do I populate each select box with say 1-10; 1-20; and 1-25
This is my code:
<?php
...
while($row = mysqli_fetch_assoc($result)){
print
"<div class='item col-xs-4 col-lg-4'>"..
"<div class='form-group'>".
"<label for='sel1'>Select list:</label>".
"<select class='form-control' id='sel1'>".
"<option>$row["Stock"]</option>".
"</select>".
"</div>".
"<button id='button" class='btn btn-success add'>Add to basket</button>".
"</div>";
}
?>
<script type="text/javascript">
$(document).on("click", ".add", function(){
// HOW DO I GET THE VALUE OF THE SELECT BOX SELECTED HERE?
});
</script>
Also, how do I get the value from the selectbox?

Answer 1

From what you've mentioned, it seems like you want to fetch the select box options and loop through them. In that case, only the option should be within the while loop.
And, I'd suggest you to keep your code clean and write your HTML and PHP codes separate rather than printing your HTML within PHP.
<?php /* Other PHP code */ ?>
<div class='item col-xs-4 col-lg-4'>
<div class='form-group'>".
<label for='sel1'>Select list:</label>
<select name="stock" class='form-control' id='sel1'>
<?php while($row = mysqli_fetch_assoc($result)){ ?>
<option value="<?php echo "1-".$row["Stock"]; ?>">
<?php echo "1-".$row["Stock"]; ?>
</option>
<?php } ?>
</select>
</div>
<button id='button" class='btn btn-success add'>Add to basket</button>
</div>
Hope this helps!