Hallo zusammen, ich versuche mich mit JQuery für eine Selektion.

Jedoch tauchen zwei Probleme auf:

1. Wie bringe ich es fertig, dass man auch die erste <option> anklicken kann und sich der Link öffnet?

2. Wie stelle ich es an, dass die Auswahl der Select Box nicht automatisch die letzte Position wählt, sonder die erste? (Nur im Mozilla ein Problem)

Javascript:
Code:
<script type="text/javascript">
            $(document).ready(function(){

                $("div.submenu").hide();

                $("div.menu").bind("mouseenter", function(){
                    $(this).children(".submenu").slideDown("slow");
                });
                $("div.menu").bind("mouseleave", function(){
                    $(this).children(".submenu").slideUp("slow");
                });

                $("select[name=ajax1]").change(function(){
                    var kontinent = $(this).children(":selected").text();
                    kontinent = kontinent.toLowerCase();
                    var datei = kontinent + ".html";
                    $("select[name=ajax2]").load(datei + " option");
                });  
				$("button[rel]").overlay({
                    effect:"apple",
                    speed:1500,
                    preload:true,
                    fadeInSpeed:5000,
                    expose:{
                        color:"#002244",
                        opacity:0.5,
                        loadSpeed:1500,
                        closeSpeed:1500
                    }
                });
				       
            });
        </script>
HTML:
Code:
<div id="content"><strong>Suche </strong>Farbwahl<br/>
<br/>
            <select name="ajax1" size="1" class="ajax1">
                <option SELECTED value="wählen sie ihre Farbe">Wählen Sie Ihre Farbe...</option>
                <option>Rot</option>
                <option>Grün</option>
                <option>Blau</option>
            </select>
            &nbsp;&nbsp;&nbsp;
            
                    
            
<select onChange="window.location.href=this.options
    [this.selectedIndex].value" name="ajax2" size="1" class="ajax2">
                <option></option>
            </select>
            <br/>
            <br>

          
            
           
    </div>
rot.html:
Code:
<script type="text/javascript">
function Go (select) {
  var wert = select.options[select.options.selectedIndex].value;
  if (wert == "leer") {
    select.form.reset();
    parent.frames["unten"].focus();
    return;
  } else {
    if (wert == "ende") {
      top.location.href = parent.frames[1].location.href;
    } else {
      parent.frames["unten"].location.href = wert;
      select.form.reset();
      parent.frames["unten"].focus();
    }
  }
}
</script>

        
    </head>
    <body>
    
        <select onChange="window.location.href=this.options
    [this.selectedIndex].value">
    		
            <option VALUE="http://rot.de">Rot</option>
            <option VALUE="http://dunkelrot.de">Dunkelrot</option>
            <option VALUE="http://hellrot.de">Hellrot</option>

         </select>