JavaScript - How To Get Values From A Dropdownlist Using Firebug In Mozilla Firefox

		var component = window.location.hash.replace('#', '');
		var component = component.singularize();
		
		alert("The component name is " + component);
		
		
		
		var singularize = function(){
			if(!String.prototype.singularize){
				String.prototype.singularize = function(){
					var context = this;
					result = ((context.charAt(context.length -1, 1) == 's') ? context.substring(0, context.length - 1) : context);
					return result;
				}
			}
		}

if ($active == undefined) {
						$active = $('.paging a.active');
						}
						var triggerID = $active.attr("rel") - 1; 
					        var image_reelPosition = triggerID * imageWidth;

<div class="navigation">

<a href="home"><img class="home" src="images/navigation/home.gif" /></a> - <a href="home" class="home">Home</a>
<a href="news"><img class="news" src="images/navigation/news.gif" /></a> - <a href="news" class="news">News</a>

</div>

$(function(){	
	$('.navigation img').css({
		opacity: .5
	});
	
	$('.navigation img').hover(function(){
		$(this).stop().animate({ opacity: 1 },300);
	}, function(){
		$(this).stop().animate({ opacity: .5 },300);
	});
	
	$('.navigation a').hover(function(){
		var imageClass = $(this).attr('class');
		
		$('.navigation img.' + imageClass).stop().animate({ opacity: 1 }, 300);
	}, function(){
		var imageClass = $(this).attr('class');
		
		$('.navigation img.' + imageClass).stop().animate({ opacity: .5 }, 300);
	});
});

<a href="home"><img ... /></a>

<img ... />

  document.onmouseover = dohighlight;
  document.onmouseout = dohighlightoff;

  var BGCOLOR = "#444444";
  var BORDERCOLOR = "#FF0000";

// Highlight <table> in grey 
  function dohighlight()
  {
    var elem = window.event.srcElement;

    while (elem!=null && elem.tagName!="TABLE")
        elem = elem.parentElement;

    if (elem==null) return;

    if (elem.border==0)
    {
        elem.border = 1;

        // store current values in custom tag attributes
        //
        elem.oldcolor = elem.style.backgroundColor; // store backgroundcolor
        elem.style.backgroundColor = BGCOLOR; // new background color

        elem.oldbordercolor = elem.style.borderColor; // same with bordercolor
        elem.style.borderColor = BORDERCOLOR;

        var rng = document.body.createTextRange();
        rng.moveToElementText(elem);

// Make a red border around <table>
  function dohighlightoff()
  {
    var elem = window.event.srcElement;

    while (elem!=null && elem.tagName!="TABLE")
        elem = elem.parentElement;

    if (elem==null) return;

    if (elem.border==1)
    {
        elem.border = 0;

        // recover values from custom tag attribute values
        elem.style.backgroundColor = elem.oldcolor;
        elem.style.borderColor = elem.oldbordercolor;
    }
  }

I have to create two dropdownlists that are dependent

In my first select tag there are 4 selections ,,, year,quarter,month and week.
and in second select it should automatically populate..If user select year from first select in second select values should be 1 to 365.. if quarter values in second select(dropdown) should be 1 to 4. if month 1 to 12 and if week is selected 1 to 7.. can anyone help me to achieve this.. I will post that code and please help me to resolve this error as iam naive user to javascript..





	          <select id="user_defn_uom" name="user_defn_uom" onchange="alert(this.options[this.selectedIndex].text)" align="center">

	          <option selected value="">              
	          <option value="Yearly">Yearly
	          <option value="Quarterly">Quarterly
	          <option value="Monthly">Monthly
	          <option value="Weekly">Weekly
	       </td>







              <td>.
	          <select name="user_defn_day" align="center">
	          <option selected value="">   



<script type="text/javascript">

alert(this.options[this.selectedIndex].text)


   
for (var i = 1; i <=366; i++) 
{                                          
              document.write('<option value="' + i  + '">' + i + '</option>');

}

</script>
</select>

<div id="divControls1" name="divControls1" style="display:none">
<form id="fControls1" name="fControls1">
  <input type="button" id="btnAdd" name="btnAdd" value="Add" onClick="addStuff();" />
  <input type="button" id="btnEdit" name="btnEdit" value="Edit" onClick="editStuff();" disabled />
  <input type="button" id="btnDelete" name="btnDelete" value="Delete" onClick="deleteStuff();" disabled />
</form>
</div>

function startup() {
  alert (document.getElementById("btnAdd").disabled);
  ...