Ndtyjky

I have a mysqli fetch assoc query wich give a result by limit of 1 at the time per page.
I have a dropdown list wich have the match to the result of the fetch assoc in one of the selections.
I want an Alert to say your correct and to show the correct answer from the fetch assoc if the answer is correct.
And an Alert that says nice try and show the correct answer from the fetch assoc if the answer is incorrect.

 <!--Index page-->

<form action="titles.php" method="get">



       <?php while($row5 = mysqli_fetch_assoc($res)): ;?>

<h1 align="center"> Title:<?php echo $row5['Title'] ?></h1>

    <h1 align="center">author :<?php echo $row5['author'] ?></h1>



</form>



<!-- Select page, A dropdown -->

<select id="author"> 

    <option value="">Select Major Section</option>

    <?php

    if($rowCount > 0){

        while($row = $query->fetch_assoc()){ 

            echo '<option value="'.$row['authors_id'].'">'.$row['authors'].'</option>';

        }

    }else{

        echo '<option value="">Author not available</option>';

    }

    ?>

</select>



<!-- functionpage-->

<script>      

$(function() {

    $('#author').on('change', function(event) {

         var opt = this.options[ this.selectedIndex ];

         var correct = $(opt).text().match ($row5['author']]);

 if (correct){

       alert('Your answer is correct ' + ($row5['author']);



 } else {

     alert ('try again' + the ($row5['author']);

 }

    });

});

</script>

Most obvious thing I see is that you are mixing your JS and PHP; so, lines like: var correct = $(opt).text().match (.$row['authors_id']); don't work because $row['authors_id'] is a PHP variable. Try using your PHP to write a JS array, then you can test against that.

Looks something like this

<script>



<?php

$myArrayString = "";

if($rowCount > 0){

    while($row = $query->fetch_assoc()){ 

        $myArrayString .= '"'.$row['authors'].'", '; // loops array values into a comma separated string.

    }

    rtrim($myArrayString, ', '); // removes trailing comma

    echo ('var myArray = ['.$myArrayString.'];'); // echos a JavaScript array containing the data.

} else {

    echo ('var myArray = ;'); 

}

?>

</script>

Just print the PHP variable out into the JS like:

some JS / jQuery <?php echo $somePhpVariable;?> more JS code