Php ile anket uygulaması ( Yardım )

24-10-2024, 15:37:54

merhabalar, php tabanli local sistemde anket uygulaması yaptım ancak bazı sorularda evet / hayır gibi iki seçenek olacak ve evet seçilirse ekstra bir soru gelecek aksi taktirde gözükmeyecek bunu nasıl yapabilirim ?

24-10-2024, 15:40:39

#2

Omurcn53

R10'DA İLK | 81 İL SCRİPT

[PHP]
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Anket Uygulaması</title>
<script>
function showExtraQuestion() {
document.getElementById('extraQuestion').style.dis play = 'block';
}

function hideExtraQuestion() {
document.getElementById('extraQuestion').style.dis play = 'none';
}
</script>
</head>
<body>

<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST') {
$soru1 = $_POST['soru1'];

if ($soru1 == 'evet') {
$ekstra_soru = $_POST['ekstra_soru'];
echo "Evet seçildi. Ekstra Soru Cevabı: $ekstra_soru";
} else {
echo "Hayır seçildi.";
}
} else {
?>
<form method="POST">
<label for="soru1">Soru 1: Evet mi, Hayır mı?</label><br>
<input type="radio" id="evet" name="soru1" value="evet" onclick="showExtraQuestion()"> Evet<br>
<input type="radio" id="hayir" name="soru1" value="hayir" onclick="hideExtraQuestion()"> Hayır<br>


<div id="extraQuestion" style="display:none;">
<label for="ekstra_soru">Ekstra Soru: Neden Evet dediniz?</label><br>
<input type="text" id="ekstra_soru" name="ekstra_soru"><br>
</div>

<input type="submit" value="Gönder">
</form>
<?php
}
?>

</body>
</html>
[PHP]

24-10-2024, 16:00:27

#3

bulutaylak

Jquery ile yapacaksın. İlk etapta 2. görüntülenecek soruyu display none ile gizlersin. Evet seçildiğinde bir fonksiyon tetikletip css ile gizlediğin soruyu display block yapman yeterli. ya da hidden/show kullanırsın, aşağıda örneği var.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Show Hidden Div Example</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <style>
        /* Başlangıçta div'i gizle */
        #hiddenDiv {
            display: none;
        }
    </style>
</head>
<body>

    <button id="showDivButton">Show Hidden Div</button>
    
    <div id="hiddenDiv">
        This is a hidden div!
    </div>

    <script>
        // Butona tıklandığında div'i göster
        $("#showDivButton").click(function() {
            $("#hiddenDiv").show();  // Gizlenmiş div'i gösterir
        });
    </script>

</body>
</html>