Try the default settings to get an idea of how this works, then use your own.

<form onsubmit="return mctcGo();" name="mctc">

     <label for="meat" class="mfheading">Meat type</label>
         <select style='border: 1px dotted black;' name="meat" class="meatdd" id="meat" title="Tip: Mouse-over and use the up/down arrow keys" onmouseover="document.mctc.meat.focus();">
         <option value="boiled bacon">Boiled bacon (gammon/ham)</option>
         <option value="chicken legs">Chicken legs and drumsticks</option>
                 <option value="honey roast gammon">Honey roast gammon (bacon/ham)</option>
         <option value="roast beef (rare)">Roast beef (rare)</option>
                 <option value="roast beef (medium)" selected>Roast beef (medium)</option>
                 <option value="roast beef (well done)">Roast beef (well done)</option>
                 <option value="roast chicken">Roast chicken</option>
                 <option value="roast duck">Roast duck</option>
                 <option value="roast grouse">Roast grouse</option>
                 <option value="roast lamb (rare)">Roast lamb (rare)</option>
                 <option value="roast lamb (medium)">Roast lamb (medium)</option>
                 <option value="roast lamb (well done)">Roast lamb (well done)</option>
                 <option value="roast pheasant">Roast pheasant</option>
                 <option value="roast pork">Roast pork</option>
                 <option value="roast turkey">Roast turkey</option>
                 <option value="roast venison (rare)">Roast venison (rare)</option>
                 <option value="roast venison (medium)">Roast venison (medium)</option>
                 <option value="roast venison (well done)">Roast venison (well done)</option>
         </select>

<label for="kg" class="mfheading">Imperial weight</label> <select style='border: 1px dotted black;' name="lb" class="meatdd" id="lb" title="Tip: Mouse-over and use the up/down arrow keys" onmouseover="document.mctc.lb.focus();">

               <option value="00">0 lb</option>
               <option value="01" selected>1 lb</option>
               <option value="02">2 lb</option>
               <option value="03">03 lb</option>
               <option value="04">4 lb</option>
               <option value="05">5 lb</option>
               <option value="06">6 lb</option>
               <option value="07">7 lb</option>
               <option value="08">8 lb</option>
               <option value="09">9 lb</option>
               <option value="10">10 lb</option>
               <option value="11">11 lb</option>
               <option value="12">12 lb</option>
               <option value="13">13 lb</option>
               <option value="14">14 lb</option>
               <option value="15">15 lb</option>
               <option value="16">16 lb</option>
               <option value="17">17 lb</option>
               <option value="18">18 lb</option>
               <option value="19">19 lb</option>

</select> <select style='border: 1px dotted black;' name="oz" class="meatdd" id="oz" title="Tip: Mouse-over and use the up/down arrow keys" onmouseover="document.mctc.oz.focus();">

               <option value="0.0">0 oz</option>
               <option value="01">01 oz</option>
               <option value="02">02 oz</option>
               <option value="03">03 oz</option>
               <option value="04">04 oz</option>
               <option value="05">05 oz</option>
               <option value="06">06 oz</option>
               <option value="07">07 oz</option>
               <option value="08" selected>08 oz</option>
               <option value="09">09 oz</option>
               <option value="10">10 oz</option>
               <option value="11">11 oz</option>
               <option value="12">12 oz</option>
               <option value="13">13 oz</option>
               <option value="14">14 oz</option>
               <option value="15">15 oz</option>

</select>

 

<label for="hours" class="mfheading">Serving time (24 hr)</label>

         <select style='border: 1px dotted black;' name="hours" class="meatdd" id="hours" title="Tip: Mouse-over and use the up/down arrow keys" onmouseover="document.mctc.hours.focus();">
               <option value="0.0">00</option>
               <option value="01">01</option>
               <option value="02">02</option>
               <option value="03">03</option>
               <option value="04">04</option>
               <option value="05">05</option>
               <option value="06">06</option>
               <option value="07">07</option>
               <option value="08">08</option>
               <option value="09" selected >09</option>
               <option value="10">10</option>
               <option value="11">11</option>
               <option value="12">12</option>
               <option value="13">13</option>
               <option value="14">14</option>
               <option value="15">15</option>
               <option value="16">16</option>
               <option value="17">17</option>
               <option value="18">18</option>
               <option value="19">19</option>
               <option value="20">20</option>
               <option value="21">21</option>
               <option value="22">22</option>
               <option value="23">23</option>
         </select>
               <select style='border: 1px dotted black;' name="minutes" class="meatdd" id="minutes" title="Tip: Mouse-over and use the up/down arrow keys" onmouseover="document.mctc.minutes.focus();">
               <option value="0.0">00</option>
               <option value="01">01</option>
               <option value="02">02</option>
               <option value="03">03</option>
               <option value="04">04</option>
               <option value="05">05</option>
               <option value="06">06</option>
               <option value="07">07</option>
               <option value="08">08</option>
               <option value="09" selected >09</option>
               <option value="10">10</option>
               <option value="11">11</option>
               <option value="12">12</option>
               <option value="13">13</option>
               <option value="14">14</option>
               <option value="15">15</option>
               <option value="16">16</option>
               <option value="17">17</option>
               <option value="18">18</option>
               <option value="19">19</option>
               <option value="20">20</option>
               <option value="21">21</option>
               <option value="22">22</option>
               <option value="23">23</option>
               <option value="24">24</option>
               <option value="25">25</option>
               <option value="26">26</option>
               <option value="27">27</option>
               <option value="28">28</option>
               <option value="29">29</option>
               <option value="30">30</option>
               <option value="31">31</option>
               <option value="32">32</option>
               <option value="33">33</option>
               <option value="34">34</option>
               <option value="35">35</option>
               <option value="36">36</option>
               <option value="37">37</option>
               <option value="38">38</option>
               <option value="39">39</option>
               <option value="40">40</option>
               <option value="41">41</option>
               <option value="42">42</option>
               <option value="43">43</option>
               <option value="44">44</option>
               <option value="45">45</option>
               <option value="46">46</option>
               <option value="47">47</option>
               <option value="48">48</option>
               <option value="49">49</option>
               <option value="50">50</option>
               <option value="51">51</option>
               <option value="52">52</option>
               <option value="53">53</option>
               <option value="54">54</option>
               <option value="55">55</option>
               <option value="56">56</option>
               <option value="57">57</option>
               <option value="58">58</option>
               <option value="59">59</option>
         </select>

<style> .responsive {

 width: 728px;
 height: 90px;

} </style> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-3078444128036594"

    crossorigin="anonymous"></script>

<script>

    (adsbygoogle = window.adsbygoogle || []).push({});

</script>

<input id="meatsub" style="max-width: 628px; border: solid 5px #000; background:#FFD100; box-sizing: border-box; padding: 10px; border-radius:5px;" name="submit" type="submit" value="GET ROASTING TIMES and SCHEDULE">
</form>

See also

• <a href="https://www.cookipedia.co.uk/recipes_wiki/Slow-roast_recipes">Slow roast recipes</a>
• <a href="https://www.cookipedia.co.uk/recipes_wiki/Talk:Meat_cooking_time_calculator_Metric">More roasting resources and program information here</a>
• <a href="https://www.cookipedia.co.uk/calories/chicken/bq/11#jump chicken" title="Calories in various chicken cuts">The calories in various cuts of chicken</a>
• <a href="https://www.cookipedia.co.uk/recipes_wiki/Meat_cooking_time_calculator" title="The Metric version can be found here">A Metric version of this calculator kilograms/grams (kg/g)</a>
• <a href="https://www.cookipedia.co.uk/recipes_wiki/Sous_vide_meat_cooking_times" title="A sous vide meat cooking time calculator">Sous vide meat cooking times</a>
• <a href="https://www.cookipedia.co.uk/recipes_wiki/Puff_pastry_cooking_times_%26_temperatures" title="Puff pastry cooking times and temperatures">Puff pastry cooking times and temperatures</a>
• <a href="https://www.cookipedia.co.uk/wiki/index.php?title=Puff_pastry_cooking_times_%26_temperatures" title="Shortcrust pastry cooking times and temperatures">Shortcrust pastry cooking times and temperatures</a>
<script>

function xmlhttpReset(strURL) {

               var xmlHttpReq = false;
               var self = this;
               // Mozilla/Safari
               if (window.XMLHttpRequest) {
                               self.xmlHttpReq = new XMLHttpRequest();
               }
               // IE
               else if (window.ActiveXObject) {
                               self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
               }
               //self.xmlHttpReq.open('POST', "https://www.cookipedia.co.uk/cgi-bin/fowl-play-i.pl", true);
               self.xmlHttpReq.open('POST', "https://www.cookipedia.co.uk/cgi-bin/fowl-play-i.pl", true);
               self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
               self.xmlHttpReq.onreadystatechange = function() {
                               if (self.xmlHttpReq.readyState == 4) {
                                               updatepage(self.xmlHttpReq.responseText);
                               }
               }
               self.xmlHttpReq.send("xp=1");

}

function xmlhttpPost(strURL) {

               var xmlHttpReq = false;
               var self = this;
               // Mozilla/Safari
               if (window.XMLHttpRequest) {
                               self.xmlHttpReq = new XMLHttpRequest();
               }
               // IE
               else if (window.ActiveXObject) {
                               self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
               }
               //self.xmlHttpReq.open('POST', "https://www.cookipedia.co.uk/cgi-bin/fowl-play-i.pl", true);
               self.xmlHttpReq.open('POST', "https://www.cookipedia.co.uk/cgi-bin/fowl-play-i.pl", true);
               self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
               self.xmlHttpReq.onreadystatechange = function() {
                               if (self.xmlHttpReq.readyState == 4) {
                                               updatepage(self.xmlHttpReq.responseText);
                               }
               }
               self.xmlHttpReq.send(getquerystring());

}

function getquerystring() {

               var form     = document.forms['mctc'];
               var qstr =;
               qstr = 'meat=' + escape(form.meat.options[form.meat.selectedIndex].value);
               qstr = qstr + '&' + 'lb=' + escape(form.elements[1].value);
               qstr = qstr + '&' + 'hours=' + escape(form.elements[3].value);
               qstr = qstr + '&' + 'minutes=' + escape(form.elements[4].value);
               qstr = qstr + '&' + 'oz=' + escape(form.elements[2].value);
               return qstr;

}

function updatepage(str){

               document.getElementById("result").innerHTML = str;

}

function mctcGo () {

               xmlhttpPost();
               return (false);

} </script>