Change effectiver

Benchmark created on


Preparation HTML

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>
<fieldset class="zend_form">
        <legend><span>Berufliche Tätigkeit</span></legend>
            <div class="row1">
                <div class="pkvLabels firstLabel">
                    <span class="info">&nbsp;</span>
                    <label class="required" for="vn-berufsstatus">Berufsstatus</label>
                    <div class="infoCont hiddenForm">
                        <p>Sollte Ihr Berufsstatus nicht aufgeführt sein kann diese Berufsgruppe
                           noch keinen Onlineabschluss tätigen. Bitte kontaktieren Sie unser 
                           Service-Center.
                        </p>
                        <span class="infoContBottom">&nbsp;</span>
                    </div>
                </div>
                <div class="pkvFormInput"><div class="errors"></div><div class="iconCont" style="position: relative;"><span class="validIcon validateIcon_vn-berufsstatus" style="left: 239px;">&nbsp;</span></div>
                    
<select class="selectWidth bold" id="vn-berufsstatus" name="vn[berufsstatus]">
    <option label="bitte wählen" value="">bitte wählen</option>
    <option label="Angestellte (r)" value="1">Angestellte (r)</option>
    <option label="Arbeiter (in)" value="19">Arbeiter (in)</option>
    <option label="Selbstständige(r)" value="2">Selbstständige(r)</option>
    <option label="Freiberufler(in)" value="3">Freiberufler(in)</option>
    <option label="Beamte(r)" value="4">Beamte(r)</option>
    <option label="Beamtenawärter(in)" value="5">Beamtenawärter(in)</option>
    <option label="Student(in)" value="7">Student(in)</option>
    <option label="Schüler(in)" value="8" selected="selected">Schüler(in)</option>
    <option label="Auszubildende(r)" value="11">Auszubildende(r)</option>
    <option label="Hausfrau, Hausmann" value="6">Hausfrau, Hausmann</option>
    <option label="nicht berufstätig" value="9">nicht berufstätig</option>
    <option label="Rentner(in)" value="10">Rentner(in)</option>
</select>                </div>
            </div>
            <div class="row2 beamter hiddenForm" style="display: block;">
                <div class="pkvLabels">
                    <label class="optional" for="vn-beihilfe">Beihilfeträger</label>
                </div>
                <div class="pkvFormInput">
                    
<select class="selectWidth" id="vn-beihilfe" name="vn[beihilfe]">
    <option label="--" value="" selected="selected">--</option>
    <option label="Bund" value="BRD">Bund</option>
    <option label="Baden-Württemberg" value="BW">Baden-Württemberg</option>
    <option label="Bayern" value="BY">Bayern</option>
    <option label="Berlin" value="BE">Berlin</option>
    <option label="Brandenburg" value="BB">Brandenburg</option>
    <option label="Bremen" value="HB">Bremen</option>
    <option label="Bremerhaven" value="HBH">Bremerhaven</option>
    <option label="Hamburg" value="HH">Hamburg</option>
    <option label="Hessen" value="HE">Hessen</option>
    <option label="Mecklenburg-Vorpommern" value="MV">Mecklenburg-Vorpommern</option>
    <option label="Niedersachsen" value="NS">Niedersachsen</option>
    <option label="Nordrhein-Westfalen" value="NW">Nordrhein-Westfalen</option>
    <option label="Rheinland-Pfalz" value="RP">Rheinland-Pfalz</option>
    <option label="Saarland" value="SL">Saarland</option>
    <option label="Sachsen" value="SN">Sachsen</option>
    <option label="Sachsen-Anhalt" value="SA">Sachsen-Anhalt</option>
    <option label="Schleswig-Holstein" value="SH">Schleswig-Holstein</option>
    <option label="Thüringen" value="TH">Thüringen</option>
</select>                </div>
            </div>
            <div class="row1 beamter hiddenForm" style="display: block;">
                <div class="pkvLabels">
                    <label class="required" for="kinder-kinder_anzahl">Wieviele kindergeldberechtigte Kinder haben Sie?</label>
                </div>
                <div class="pkvFormInput">
                    
<select class="selectWidth" id="kinder-kinder_anzahl" name="kinder[kinder_anzahl]">
    <option label="kein Kind" value="0" selected="selected">kein Kind</option>
    <option label="ein Kind" value="1">ein Kind</option>
    <option label="zwei Kinder" value="2">zwei Kinder</option>
    <option label="drei Kinder" value="3">drei Kinder</option>
    <option label="vier oder mehr Kinder" value="4">vier oder mehr Kinder</option>
</select>                </div>
            </div>
            <div class="row2">
                <div class="pkvLabels">
                    <span class="info">&nbsp;</span>
                    <label class="required" for="vn-jahreseinkommen">Jahreseinkommen</label>
                    <div class="infoCont hiddenForm">
                        <p>Bei Selbstständigen gibt es kein Mindesteinkommen, um privat vorsorgen
                           zu können. Angestellte müssen mindestens <strong>49.500 €</strong> p.a.
                           verdienen. Sollte ihr Gehalt unterhalb dieser Grenze liegen, kontaktieren
                           Sie bitte unser Service-Center. Dort wird Ihnen geholfen, trotzdem die 
                           besseren Leistungen einer privaten Krankenversicherung zu erhalten.
                        </p>
                        <span class="infoContBottom">&nbsp;</span>
                    </div>
                </div>
                <div class="pkvFormInput">
                    
<select class="selectWidth" id="vn-jahreseinkommen" name="vn[jahreseinkommen]">
    <option label="bitte wählen" value="">bitte wählen</option>
    <option label="bis 15.000 Euro" value="15000">bis 15.000 Euro</option>
    <option label="bis 30.000 Euro" value="30000">bis 30.000 Euro</option>
    <option label="bis 49.500 Euro" value="bis Grenze">bis 49.500 Euro</option>
    <option label="ab 49.500 Euro" value="ab Grenze" selected="selected">ab 49.500 Euro</option>
</select>                </div>
            </div>
    </fieldset>
<script>
  jQuery('#vn-berufsstatus').change(function() {
   if (jQuery(this).val() == 4 || jQuery(this).val() == 5) {
    jQuery('.beamter').show();
   }
   else {
    jQuery('.beamter').removeAttr('style');
   }
   if (jQuery.browser.msie && jQuery.browser.version == '6.0') {
    if (jQuery(this).val() == 4 || jQuery(this).val() == 5) {
     jQuery('.beamter').show();
    }
    else {
     jQuery('.beamter').hide();
    }
   }
  });
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
longway
jQuery('#vn-berufsstatus').change(function() {
 if (jQuery(this).val() == 4 || jQuery(this).val() == 5) {
  jQuery('.beamter').show();
 }
 else {
  jQuery('.beamter').removeAttr('style');
 }
 if (jQuery.browser.msie && jQuery.browser.version == '6.0') {
  if (jQuery(this).val() == 4 || jQuery(this).val() == 5) {
   jQuery('.beamter').show();
  }
  else {
   jQuery('.beamter').hide();
  }
 }
});
ready
bestway
jQuery('#vn-berufsstatus').change(function() {
 var select = +jQuery(this).val(),
     b = jQuery('.beamter');
 if (select === 4 || select === 5) {
  b.show();
 } else {
  b.hide();
 }
}).trigger('change');
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.