CodePen

HTML

            
              <select id="delivery" size ="1" onchange="run()">
<option value="1" selected>24 Hour Speedy Delivery</option>
<option value="2">2 Day Delivery</option>
<option value="3">3 Day Delivery</option>
</select>
  
<h2>Your Estimated Delivery Date is</h2>
<div id="deliverydate"></div>
 
  
            
          
!

CSS

            
              
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              var tomorrow = new Date();
var dd1 = tomorrow.getDate()+1;
var mm1 = tomorrow.getMonth()+1; //January is 0!
var yyyy1 = tomorrow.getFullYear();

var twodays = new Date();
var dd2 = twodays.getDate()+2;
var mm2 = twodays.getMonth()+1; //January is 0!
var yyyy2 = twodays.getFullYear();

var threedays = new Date();
var dd3 = threedays.getDate()+3;
var mm3 = threedays.getMonth()+1; //January is 0!
var yyyy3 = threedays.getFullYear();

if(dd1<10){dd1='0'+dd1} if(mm1<10){mm1='0'+mm1} 

{
tomorrow = mm1+'/'+dd1+'/'+yyyy1;
}

if(dd2<10){dd2='0'+dd2} if(mm2<10){mm2='0'+mm2} 

{
twodays = mm2+'/'+dd2+'/'+yyyy2;
}

if(dd3<10){dd3='0'+dd3} if(mm3<10){mm3='0'+mm3} 
{
threedays = mm3+'/'+dd3+'/'+yyyy3;
}

document.getElementById("deliverydate").innerHTML = tomorrow;

function run() {
     var e = document.getElementById("delivery");
var selected = e.options[e.selectedIndex].value;
 
if(selected == 1){
document.getElementById("deliverydate").innerHTML = tomorrow;
}
if(selected == 2){
document.getElementById("deliverydate").innerHTML = twodays;
}
if(selected == 3){
document.getElementById("deliverydate").innerHTML = threedays;
}
 }
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................