Beste Leden,


Ik werk momenteel een formulier waar je 3 landen kunt selcteren.
Als je een land selecteert, dan worden het landnummer van de telefoon, en een voorbeeld voor de postcode automatisch ingevuld.

Daarnaast is Nederland de default case, deze zou dus ook geladen moeten worden als het document ready is maar dat gebeurt niet.

dit is de code


<div class="form-group">
<label>Land*</label>
<select class="form-control" name="country" id="country">
<option data-code2="NL" value="NLD" selected="">Nederland</option>
<option data-code2="BE" value="BEL">Belgi&#235;</option>
<option data-code2="DE" value="DEU">Duitsland</option>
</select>
</div>

<div class="form-group">
<label>Postcode*</label>
<input name="zip" class="form-control" placeholder=""></input>
</div>

<div class="form-group">
<label>Telefoonnummer</label>
<input type="tel" name="phone1_prefix" class="form-control left" placeholder="">
<input type="tel" name="phone1" class="form-control right" placeholder="">
</div>



$(document).ready(function(){
$('.form-group').on("change", 'select[name="country"]', function() {
var a = $("option:selected").data("code2");
        if ("undefined" != typeof a) {
            switch (a) {
            case"BE":
                pc = "1234", lc = "+32";
                break;
            case"DE":
                pc = "01234", lc = "+49";
                break;
            default:
                pc = "1234AB", lc = "+31";
            }
            $('input[name="zip"]').attr("placeholder", pc), $('input[name="phone1_prefix"]').val(lc);
}
});
});
<option data-code2="NL" value="NLD" selected>Nederland</option>

selected zonder =""
@-SanThe-
Helaas werkt dat ook niet, heb een fiddle aangemaak: De fiddle
On "change" werkt pas als je select verandert.
Als je het volgende buiten "on" zet dan werkt het.

$('input[name="zip"]').attr("placeholder", "1234AB");
$('input[name="phone1_prefix"]').val("+31");

->
Opgelost, inderdaad buiten de change werkt het :)

Reageren