Mam pewien problem otóż zrobiłem sobie pole select z JS. Czyli jak wybiorę jak±¶ opcję pojawia mi się ukryty "div".
Problem polega na tym że jak kliknę w ukrytym divie w formularzu "doładuj konto" to diva nie widać i przechodzi do pola select i jak wybiorę znowu diva to pokazuje się informacja z geta.
Kod
<script>
function showElement(item) {
if (item == 'sms') {
sms.style.display = 'block';
sms.style.visibility = 'visible';
} else {
sms.style.display = 'none';
sms.style.visibility = 'hidden';
}
if (item == 'przelew') {
przelew.style.display = 'block';
przelew.style.visibility = 'visible';
} else {
przelew.style.display = 'none';
przelew.style.visibility = 'hidden';
}
}
</script>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Doładowanie konta</h3>
</div>
<div class="panel-body">
<div class="alert alert-info" role="alert">Wybierz poniżej opcję doładowania.</div>
<!-- wallet option -->
<div class="form-group">
<select class="form-control" onchange="java_script_:showElement(this.options[this.selectedIndex].value)">
<option selected disabled>Wybierz opcję doładowania ...</option>
<option value="sms">Doładuj portfel SMS'em</option>
<option value="przelew">Doładuj portfel Przelewem</option>
</select>
</div>
<!-- option sms -->
<div id="sms" style="display: none;">
<?php
include('doladowania/doladowanie_sms.php');
?>
</div>
<!-- option przelew -->
<div id="przelew" style="display: none;">
<?php
include('doladowania/doladowanie_przelew.php');
?>
</div>
</div>
</div>
function showElement(item) {
if (item == 'sms') {
sms.style.display = 'block';
sms.style.visibility = 'visible';
} else {
sms.style.display = 'none';
sms.style.visibility = 'hidden';
}
if (item == 'przelew') {
przelew.style.display = 'block';
przelew.style.visibility = 'visible';
} else {
przelew.style.display = 'none';
przelew.style.visibility = 'hidden';
}
}
</script>
<div class="panel panel-primary">
<div class="panel-heading">
<h3 class="panel-title">Doładowanie konta</h3>
</div>
<div class="panel-body">
<div class="alert alert-info" role="alert">Wybierz poniżej opcję doładowania.</div>
<!-- wallet option -->
<div class="form-group">
<select class="form-control" onchange="java_script_:showElement(this.options[this.selectedIndex].value)">
<option selected disabled>Wybierz opcję doładowania ...</option>
<option value="sms">Doładuj portfel SMS'em</option>
<option value="przelew">Doładuj portfel Przelewem</option>
</select>
</div>
<!-- option sms -->
<div id="sms" style="display: none;">
<?php
include('doladowania/doladowanie_sms.php');
?>
</div>
<!-- option przelew -->
<div id="przelew" style="display: none;">
<?php
include('doladowania/doladowanie_przelew.php');
?>
</div>
</div>
</div>
Pomocy!
