Selectbox in Safari akutalisiert ganze Seite neu

[Freuler]

Guten Tag,

wie oben im Titel bereits genannt, aktualisiert Safari die ganze Seite Swissworkmanagement.ch sobald auf eine Selectbox im Formular angeklickt wurde. Kann mir jemand beibringen, wie ich diesen Fehler herraus bekomme? Ich habe bereits mehrere Tage daran gesessen, jedoch ohne Erfolg. Der Javascriptcode (jQuery-Framework):

$("#branchen").change(function(event){
$('#ausblenden').hide();
$('#jobs').fadeIn('slow');
$('#jobs').html(this.value);

Auf den Browsern Firefox, IE und Chrome funktioniert alles einwandfrei.

Vielen herzlichen Dank :)

 

[Gilles]

Ich hab zwar leider nur die 4er Version des Safaris drauf, aber bei mir funktioniert es. Haste du denn mal debuggt, ob der oben stehende Code überhaupt dann ausgeführt wird, bzw ob er daran Schuld ist?
Aber falls ja, dann liegt es weniger an dem Code, sondern eher an die krasse Art, wie du die Boxen veränderst.
Ich finde es ein wenig heftig ein komplettes Select als Value zu definieren. Das das in die Hose gehen kann, kann ich mir sehr gut vorstellen. :)

Mal lieber ein Tipp wie man das lösen kann.
als value nimmst du eine id eines divs, dass du mit display: none ausblendest. In diesem div steht dein select dass du nachladen willst. Natürlich dürfen die divs nicht im Formular drin stehen.
Wie ich das meine? hier ein Beispiel zum besseren Verständnis :)

<style type="text/css">
 .displayNone {
   display: none;
 }
</style>

<script type="text/javascript">
  $(document).ready(function(){
    $("#branchen_box").change(function(){
      $('#jobs').hide();
      $('#ausblenden').hide(); // Nicht nachgeguckt was das ist, Hab es einfach so übernommen ;)
      $("#jobs").html($("#"+this.value).html());
      $('#jobs').fadeIn('slow');
    });
    
  });
  
</script>

<form action="index.php">
   <select id="branchen_box" name="job_2">
     <option value="auto_box">Automobil</option>
     <option value="it_box">IT</option>
   </select>
   
   <div id="jobs">
   
   </div>
</form>

<div id="auto_box" class="displayNone">
   <select name="job">
     <option>Lackierer</option>
     <option>Mechaniker</option>
   </select>
</div>

<div id="it_box" class="displayNone">
   <select name="job">
     <option>Informatiker</option>
     <option>Administrator</option>
   </select>
</div>

Das ist zumindest eine wesentlich saubere Variante :)