title: How do I make my UI 'degrade gracefully' with Javascript disabled?
body: <p>I've read in multiple posts on SO that if users have Javascript disabled, ideally your page should 'degrade gracefully'.  I'm not sure in general what types of things should be done to make this happen.</p>
  
  <p>I have a blob of HTML for configuring a 'schedule'.  Depending on the value of a select box, different fields are shown.</p>
  
  <pre><code>&lt;select name="schedule.frequency"
      id="schedule.frequency" 
      onChange='updateScheduleFields()' &gt;
          &lt;option value="Manual"&gt;Run Manually&lt;/option&gt;
          &lt;option value="Monthly"&gt;Monthly&lt;/option&gt;
          &lt;option value="Weekly"&gt;Weekly&lt;/option&gt;
          &lt;option value="Daily"&gt;Daily&lt;/option&gt;
          &lt;option value="Hourly"&gt;Hourly&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>When the select is updated, I hide the fields that are shown so that things like 'day of the week' or 'days of the month' aren't shown when it's inappropriate.  I'm not really sure how to make this degrade gracefully without Javascript, because as stated, some of the fields are just completely inappropriate for various schedule types.</p>
  
  <p><strong>My question is:</strong> In general, how would I make something that disables/hides inappropriate fields or does some pre/post processing degrade properly without Javascript?  </p>
  
  <p>I'd also be interested in specific sites that I could look at that handle this type of degradation well?</p>