Witam,
Z góry mówię, że w JS, jQuery itd. jestem leszczem. W codziennej pracy wspieram się jedynie prostymi skryptami, gotowcami i jeden z takowych nagle (bez ingerencji w kod) przestał działać.
Formularz wygląda nastepująco:
<div class="form-group row">
<label for="FVpaytype" class="col-sm-4 col-form-label text-right">Sposób płatności:</label>
<div class="col-sm-4">
<select class="form-control" id="FVpaytype" name="FVpaytype" required>
<option value="">wybierz opcję</option>
<option value="cash">gotówką</option>
<option value="transfer">przelewem</option>
</select>
</div>
</div>
<div id="paymentCash">
<div class="form-group row" style="display: none">
<label for="cashRes" class="col-sm-4 col-form-label text-right">Odpowiedzialny za zapłatę:</label>
<div class="col-sm-7">
<select class="form-control" id="cashRes" name="cashRes">
<option value="">wybierz pracownika</option>
<option value="...">...</option>
</select>
</div>
</div>
</div>
<div id="paymentBank">
<div class="form-group row" style="display: none">
<label for="transferRes" class="col-sm-4 col-form-label text-right">Odpowiedzialny za przelew:</label>
<div class="col-sm-7">
<select class="form-control" id="transferRes" name="transferRes">
<option value="">wybierz pracownika</option>
<option value="...">...</option>
</select>
</div>
</div>
</div>
W zależności od wyboru gotówka/przelew pokazywał się/ukrywał się właściwy div
. Dziś, z niewiadomych mi przyczyn, szlag to trafił. Zmieniam wybór w FVpaytype
i nic się nie dzieje...
Kod wygląda następująco
$(document).ready(function () {
$("#FVpaytype").change(function () {
var val = $(this).val();
if (val == "cash") {
$('#paymentCash').html($('#paymentCash').html().replace(
'<div class="form-group row" style="display: none">',
'<div class="form-group row">'
));
$('#paymentBank').html($('#paymentBank').html().replace(
'<div class="form-group row">',
'<div class="form-group row" style="display: none">'
));
}
if (val == "transfer") {
$('#paymentCash').html($('#paymentCash').html().replace(
'<div class="form-group row">',
'<div class="form-group row" style="display: none">'
));
$('#paymentBank').html($('#paymentBank').html().replace(
'<div class="form-group row" style="display: none">',
'<div class="form-group row">'
));
}
});
});
Co nie pykło?