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ë</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);
}
});
});