btcalc
HTML
<html>
<head>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<form>
<select id="bettype" name="bettype">
<option disabled>Bet Type</option>
<option value="single">single</option>
<option value="double">double</option>
<option value="treble">Treble</option>
<option disabled>Accumulators</option>
<option value="fourfold">FourFold</option>
<option value="fivefold">FiveFold</option>
<option value="sixfold">SixFold</option>
<option value="sevenfold">SevenFold</option>
<option value="eightfold">EightFold</option>
<option value="trixie">Trixie</option>
</select>
<div id="selections">
</div>
</form>
</body>
<script>
$(document).ready(function(){
$("#bettype").change(function(){
var bettype = $(this).children("option:selected").val();
if(bettype == "single")
{
$(".removethis").remove();
$("#selections").append($("<input type='text' value='Single' class='removethis'/>"));
}else if(bettype == "double")
{
$(".removethis").remove();
$("#selections").append($("<input type='text' value='Selection 1' class='removethis'/>"));
$("#selections").append($("<input type='text' value='Selection 2' class='removethis'/>"));
}
else if(bettype == "treble" || "trixie" || "patent")
{
$(".removethis").remove();
$("#selections").append($("<input type='text' value='Selection 1' class='removethis'/>"));
$("#selections").append($("<input type='text' value='Selection 2' class='removethis'/>"));
$("#selections").append($("<input type='text' value='Selection 3' class='removethis'/>"));
}
else if(bettype == "fourfold" || "yankee" || "lucky15")
{
$(".removethis").remove();
$("#selections").append($("<input type='text' value='Selection 1' class='removethis'/>"));
$("#selections").append($("<input type='text' value='Selection 2' class='removethis'/>"));
$("#selections").append($("<input type='text' value='Selection 3'...